body, html {
    font-size: 16px;
    color: #fff;
    font-family: Microsoft YaHei, 'Courier New', Courier, monospace;
}

body, html, div, img, input, a {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

.container {
    background: url('./bg.jpg') no-repeat;
    background-position-x: center;
    min-width: 1200px;
    height: 9500px;
}
.nav {
    max-width: 1920px;
    margin: auto;
    width: 100%;
}
.content {
    width: 1200px;
    margin: auto;
}
.qiandao-score-now {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.3);
    border-radius: 30px;
    padding: 4px 20px;
    bottom: 0px;
}
.qiandao-score-now img {
    position: relative;
    top: 3px;
}
.home-btn {
    display: inline-block;
    background: rgba(0,0,0,0.3);
    border-radius: 22.5px;
    width: 170px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin-top: 10px;
    margin-left: 20px;
}

.login-right-btn {
    float: right;
    font-size: 30px;
    margin-right: 20px;
    cursor: pointer;
}

.text-yellow {
    color: #ff6600;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.mt-20 {
    margin-bottom: 20px;
}

.btn-min {
    display: inline-block;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    background-color: #ffe352;
    color: #946525;
    cursor: pointer;
}

.btn-min+.btn-min {
    margin-left: 20px;
}

.content {
    padding-top: 1045px;
    position: relative;
}

.tips-box {
    position: relative;
    padding-top: 228px;
    text-align: center;
    padding-left: 38px;
    font-size: 22px;
}

.tips-box-count {
    color: #FFFF00;
}

.rule-btn {
    position: absolute;
    right: 3px;
    top: 112px;
    width: 200px;
    height: 50px;
    cursor: pointer;
}

.qiandao {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
}
.container .el-progress__text {
    display: none;
}
.qiandao-item {
    position: relative;
    width: 170px;
    height: 209px;
    text-align: center;
    background: url('./qiandao-w.png') center no-repeat;
    cursor: pointer;
    position: relative;
}

.qiandao-item.pass {
    background: url('./qiandao-wei.png') center no-repeat;
}

.qiandao-item .today-tag {
    background: url(./qiandao-today.png) no-repeat;
    width: 140px;
    height: 38px;
    position: absolute;
    top: 87%;
    left: 18px;
}

.qiandao-item.today .today-tag {
    display: block;
}

.qiandao-item.active {
    background: url('./qiandao.png') center no-repeat;
}

.scroe-tag {
    background: url(./qiandao-f.png) center no-repeat;
    position: absolute;
    top: 148px;
    left: 11px;
    z-index: 1;
    width: 161px;
    height: 39px;
}

.qiandao-btn {
    font-weight: bold;
    height: 80px;
    line-height: 32px;
    width: 252px;
    margin: auto;
    margin-top: 86px;
    cursor: pointer;
}

.qiandao-tips {
    text-align: center;
    font-size: 22px;
    margin: 40px 0;
}

.date-line {
    margin-top: 91px;
    font-size: 21px;
    font-family: SourceHanSansSC-Medium;
    padding-left: 6px;
}
.invite-box {
  position: relative;
  padding: 880px 66px 0;
}
.invite-tips {
    position: relative;
    margin-bottom: 33px;
}
.invite-now {
    position: absolute;
    top: -113px;
    right: 50px;
    font-size: 26px;
}
.active-progress .el-progress-bar__outer {
  background: #0f2d87 !important;
  border: 1px solid #50bbff;
}
.active-progress .el-progress-bar__inner {
  background: linear-gradient(to bottom, #feee65, #feb21c);
}
.invite-input {
  background: #fff;
  width: 600px;
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  border-radius: 10px;
  border: none;
}
.task-list {
    margin: 20px 64px;
    color: #1158a5;
    font-size: 22px;
}

.task-status {
    width: 100px;
    text-align: center;
}

.task-status.active {
    width: 100px;
    text-align: center;
    color: #ff0000;
}

.task-status a {
    color: #996633;
}

.task-id {
    width: 40px;
    text-align: center;
}

.task-item {
    line-height: 88px;
}

.task-item .task-content {
}
.draw-tips .draw-btn {
  display: inline-block;
  width: 200px;
  height: 50px;
  cursor: pointer;
}
.draw-tips, .rank-tips, .prize-tips {
    text-align: center;
}
.prize-tips .prize-btn {
  display: inline-block;
  width: 200px;
  height: 50px;
  cursor: pointer;
}
 .list-btn{
    background: url(./list-btn-bg.png) no-repeat;
    width: 180px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 22px auto 0;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
 }
.draw-box {
    margin: 0 auto;
    padding-top: 218px;
    margin-top: 213px;
    position: relative;
}

.draw-list {
    display: grid;
    grid-template-columns: 206px 206px 372px 206px 206px; 
}

.draw-item {
    position: relative;
    font-size: 12px;
    transition: all 0.3s ease;
}
.draw-item:nth-child(1) {
  display: grid;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
}
.draw-item:nth-child(1) img {
  position: relative;
  left: -200px;
}
.draw-item .draw-gift-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.draw-item.active {
    transform: scale(1.1);
}
.draw-item {
    position: relative;
}

.draw-item.active img {
    filter: 
        brightness(1.2) 
        contrast(1.1) 
        saturate(1.5)
        drop-shadow(0 0 15px gold);
    animation: 
        glow 2s ease-in-out infinite alternate,
        shake 0.5s ease-in-out infinite;
    transform-origin: center;
    transition: all 0.3s;
}


/* 闂備礁鎼ˇ閬嶅磻閻樻椿鏁嬬憸搴ｇ矉瀹ュ鍗抽柕蹇婃濮婂潡姊洪幖鐐插妧闁告劕鍟〃濠囧蓟閳╁啯濯撮柛婵勫劚椤も偓闂備浇顕ф蹇涘箯閿燂拷 */
@keyframes shake {
    0%, 100% { transform: rotate(-1deg); }
    50% { transform: rotate(1deg); }
}

.draw-item.active .draw-gift-text {
    background-color: #f4a930;
}

.draw-item.sou-item {
    height: 273px;
}

.draw-item.fat-item {
    width: 420px;
}

.draw-controls {
  text-align: center;
  margin-top: 140px;
}

.draw-controls .draw-btn {
    width: 302px;
    height: 80px;
    line-height: 51px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 75px;
    position: relative;
}

.draw-controls .btn-box {
  display: flex;
  justify-content: center;
}

.draw-controls .draw-btn.disabled {
    cursor: no-drop;
}

.draw-btn.draw-1 {
    background: url('./draw1.png') no-repeat;
}

.draw-btn.draw-10 {
    background: url('./draw10.png') no-repeat;
}

.draw-btn .draw-btn-count {
    position: absolute;
    left: 7px;
    top: 1px;
    font-size: 18px;
    font-weight: normal;
    width: 20px;
    text-align: right;
}

.draw-count {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.3);
    border-radius: 30px;
    padding: 4px 20px;
    bottom: 112px;
    font-size: 22px;
}

.floor-gift {
  position: relative;
  margin-top: 157px;
  padding: 0 63px;
}
.floor-zhanbi {
    position:absolute;
    right: 65px;
    top: -56px;
    font-size: 20px;
}
.score-list{
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 30px;
}
.score-list .score-item {
    background: url('./ya.png') no-repeat;
    width: 380px;
    height: 262px;
    color: #fff;
}
.score-list .score-item .score-count {
    font-size: 30px;
    margin-top: 50px;
    
}
.score-list .score-item .money-count {
    font-size: 18px;
    margin-top: 30px;
}
.score-list .score-item .exchange-btn {
  background: url('./ya-wei.png') no-repeat;
  width: 180px;
  height: 50px;
  margin: auto;
  margin-top: 30px;
  cursor: pointer;
}
.score-list .score-item.succ .exchange-btn {
  background: url('./ya-ling.png') no-repeat;
}
.score-list .score-item.lock {
  filter: brightness(80%);
}
.score-list .score-item.lock .exchange-btn {
  background: url('./ya-lock.png') no-repeat;
}
.recharge-score {
  padding-top: 355px;
  text-align: center;
  color: #8f6126;
  position: relative;
}
.recharge-score .tips {
    font-size: 20px;
}
.now-money {
    background: rgba(255,255,255,0.5);
    width: 420px;
    height: 45px;
    line-height: 45px;
    margin: auto;
    border-radius: 20px;
    margin-top: 20px;
    font-size: 22px;
}
.now-money .tips-box-count {
    color: red;
}
.prize-box {
    padding-top: 289px;
    height: 1197px;
}

.prize-list {
    flex-wrap: wrap;
    margin-top: 90px;
    padding: 0 40px;
    height: 724px;
}

.prize-item {
    position: relative;
    width: 250px;
    height: 322px;
    margin-right: 30px;
    font-size: 12px;
    margin-bottom: 40px;
    text-align: center;
    border-radius: 10px;
}

.prize-gift-item {
    border-radius: 5px;
    position: relative;
    background: url('./duihuan-bg.png') no-repeat;
    height: 220px;
}

.text-btn {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    cursor: pointer;
    color: #333;
}

.prize-gift-item-title {
    text-align: center;
    position: absolute;
    bottom: 30px;
    height: 34px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.prize-gift-item img {
    width: 100%;
    display: block;
}

.prize-gift-item img.game {
    margin: 17px auto;
}

.btn-item-title {
    background: rgba(255,255,255,0.5);
    width: 155px;
    height: 34px;
    margin: auto;
    border-radius: 17px;
    line-height: 34px;
    font-size: 18px;
    color: #8f6126;
    margin-top: 7px;
}

.btn-item-title .text-yellow {
    color: #FFFF00;
}
.btn-item-title .list-btn.succ  {
    background: #ccc;
}
.prize-item .shadow-item {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 10px;
    padding: 20px;
}

.prize-item:hover .shadow-item {
    display: block;
}

.prize-btn {
    padding: 0 34px;
    line-height: 32px;
    height: 32px;
    position: relative;
    z-index: 100;
}

.pagination {
    justify-content: center;
}

.pagina-item {
    width: 40px;
    height: 40px;
    /* border-radius: 3px; */
    margin-right: 20px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    background: #f4a930;
}

.pagina-item.active {
    background: #ffffdd;
    color: #996600;
}

.everyday-font {
  position: relative;
    padding-top: 508px;
}
.everyday-font-tips {
  position: absolute;
  right: -6px;
  top: 166px;
  width: 200px;
  height: 50px;
}

.list-btn {
  background: url(./list-btn-bg.png) no-repeat;
  width: 180px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 22px auto 0;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 20px;
}
.list-btn.succ {
  background: #8f6126;
}
.list-btn.disa {
  background: #bbbbbb;
}
.list-btn.small {
  display: inline-block;
  margin: 0;
  width: 120px;
  height: 38px;
  font-size: 18px;
  line-height: 38px;
}
.everyday-font .font-list {
  margin-top: 195px;
  color: #ff0000;
  font-size: 28px;
  width: 673px;
  margin-left: 343px;
}
.everyday-font .everyday-font-btns .list-btn{
  margin: 0 25px;
}
.exchange-rules {
  margin-top: 41px;
  font-size: 28px;
  color: #8f6126;
  width: 681px;
  margin-left: 341px;
  line-height: 54px;
}
.exchange-rule span {
  margin-right: 20px;
}
.rank-list {
    padding-top: 160px;
    width: 100%;
}

.rank-list .pagination {
    position: absolute;
    top: 882px;
    width: 100%;
}

.rank-table {
    width: 857px;
    margin: auto;
    margin-top: 104px;
    border-collapse: collapse;
}

.rank-table thead {
    height: 44px;
    font-size: 24px;
    color: #ff9933;
}

.rank-table td {
    line-height: 50px;
    position: relative;
}

.my-rank {
    position: absolute;
    right: 0;
    top: 190px;
    width: 185px;
}

.my-rank span {
    color: #FFFF00;
}
.rank-table td {
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}

.table-icon {
    position: absolute;
    top: 5px;
    left: 100px;
}

.gift-list {
    justify-content: center;
    margin-right: -20px;
    margin-top: 40px;
}

.gift-item {
    position: relative;
    margin-right: 20px;
    width: 184px;
    height: 242px;
    background: url('./gift-gb.png') no-repeat;
}

.gift-item img {
    width: 170px;
    height: auto;
    position: relative;
    top: 6px;
    left: 8px;
    margin-top: 20px;
    border-radius: 10px;
}

.gift-item div {
    position: absolute;
    bottom: 6px;
    text-align: center;
    width: 100%;
}

.fixed-box {
    position: fixed;
    right: 0;
    top: 26%;
    background: url('./cebianl-bg.png') no-repeat;
    width: 220px;
    height: 490px;
    z-index: 1001;
    padding-top: 84px;
}

.fixed-box .fixed-item {
    line-height: 49px;
    cursor: pointer;
    font-size: 19px;
    text-align: center;
}

.fixed-box .fixed-item:hover, .fixed-box .fixed-item.active {
    background: url(./cebianl-active.png) 34% 89% no-repeat;
    color: #d95d00;
}

.fixed-box .fixed-item a {
    display: block;
}

.dialog-shadow {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.dialog {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: url('./dialog-bg.png');
    padding: 30px 40px;
    border-radius: 8px;
    min-width: 400px;
}

.btn {
    color: #d95d00;
}

.btn.big {
    background: url(./btn-big.png) no-repeat;
    width: 210px;
    height: 67px;
    line-height: 67px;
    font-size: 30px;
    text-align: center;
}
.btn.middle {
  background: url(./btn-small.png) no-repeat;
  width: 132px;
  height: 42px;
  line-height: 42px;
}
.invite-recharge-state {
  display: inline-block;
  width: 120px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  background: #50bbff;
  border-radius: 32px;
}
.invite-recharge-state.active {
  color: #d95d00;
  background: #ffda65;
}
.invite-form {
  margin-bottom: 20px;
}
.invite-form .btn {
  margin-left: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.invite-list {
 margin-top: 203px;
 height: 147px;
}
.invite-list table {
width: 100%;
text-align: center;
}
.invite-list table tr {
    line-height: 47px;
}
.share-box {
  margin-top: 157px;
}
.close-btn {
    position: absolute;
    right: 30px;
    top: 22px;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    width: 54px;
    height: 54px;
    text-align: center;
    background: url('./close-btn.png') no-repeat;
}

.close-btn:hover {
    color: #ffc000;
}

.login-tabs {
    display: flex;
    margin-bottom: 20px;
}

.tab-item {
    padding: 10px 20px;
    cursor: pointer;
    color: #008cd9;
    font-size: 24px;
}

.tab-item.focus {
    color: #008cd9;
    border-bottom: 4px solid #008cd9;
    font-weight: bold;
}

.login-form {
    display: none;
    position: relative;
}

.login-form.active {
    display: block;
}

.login-input {
    flex: 1;
    height: 40px;
    border: 1px solid #008cd9;
    border-radius: 4px;
    padding: 8px 12px;
}

.login-btn {
    background: url('./login-btn.png');
    width: 180px;
    height: 51px;
    border: none;
    cursor: pointer;
    display: block;
    margin: 30px auto;
}

.sms-btn {
    position: absolute;
    top: 9px;
    right: -47px;
    width: 35%;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    color: #ff6600;
}

.agree-check {
    margin-right: 5px;
    vertical-align: middle;
}
.agree-check {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 5px 0;
    top: -2px;
    vertical-align: middle;
    border: none;
    /* 濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柣鎴ｆ閺嬩線鏌涘☉姗堟敾闁告瑥绻橀弻锝夊箣閿濆棭妫勯梺鍝勵儎缁舵岸寮诲☉妯锋婵鐗婇弫楣冩⒑閸涘﹦鎳冪紒缁橈耿瀵鏁愭径濠勵吅闂佹寧绻傚Λ顓炍涢崟顖涒拺闁告繂瀚烽崕搴ｇ磼閼搁潧鍝虹€殿喛顕ч埥澶娢熼柨瀣垫綌婵犳鍠楅〃鍛存偋婵犲洤鏋佸Δ锝呭暞閳锋垿鏌涘☉姗堝姛闁瑰啿鍟扮槐鎺旂磼濮楀牐鈧法鈧鍠栭…鐑藉极閹邦厼绶炲┑鐘插閸氬懘姊绘担鐟邦嚋缂佽鍊歌灋妞ゆ挾鍊ｅ☉銏犵妞ゆ牗绋堥幏娲⒑閸涘﹦绠撻悗姘卞厴瀹曟洘鎯旈敐鍥╋紲闂佸吋鎮傚ḿ褔宕搹鍏夊亾濞堝灝鏋涙い顓犲厴楠炲啴濮€閵堝懐顦ч柣蹇撶箲閻楁鈧矮绮欏铏规嫚閺屻儱寮板┑鐐板尃閸曨厾褰炬繝鐢靛Т娴硷綁鏁愭径妯绘櫓闂佸憡鎸嗛崪鍐簥闂傚倷鑳剁划顖炲礉閿曞倸绀堟繛鍡樻尭缁€澶愭煏閸繃顥撳ù婊勭矋閵囧嫰骞樼捄鐩掋垽鏌涘Ο渚殶闁逞屽墯椤旀牠宕伴弽顓涒偓锕傛倻閽樺鐎梺褰掑亰閸樿偐娆㈤悙娴嬫斀闁绘ɑ褰冮顐︽煛婢跺﹥鍟炲ǎ鍥э躬閹瑩顢旈崟銊ヤ壕闁哄稁鍋呴弳婊冣攽閻樺弶澶勯柛濠傛健閺屻劑寮撮悙娴嬪亾閸濄儱顥氶柛褎顨嗛悡娆撴煕閹炬鎳庣粭锟犳⒑閹惰姤鏁遍柛銊ユ健瀵鎮㈤崗鐓庢異闂佸疇妗ㄥ鎺斿垝閼哥數绡€缁剧増菤閸嬫捇鎮欓挊澶夊垝闂備礁鎼張顒傜矙閹烘梹宕叉繝闈涱儏绾惧吋绻涢幋鐏荤厧菐椤曗偓閺岋絾鎯旈姀鈺佹櫛闂佸摜濮甸悧鐘诲灳閿曞倹鍊婚柦妯侯槹閻庮剟姊鸿ぐ鎺戜喊闁告ǹ鍋愬▎銏ゆ倷濞村鏂€闂佺粯蓱瑜板啴顢楅姀銏㈢＝鐎广儱鎳庨埀顒€鐏濋～蹇曠磼濡顎撻梺鎯х箳閹虫挾绮敓鐘斥拺闁圭ǹ楠搁崫娲煛鐏炲墽娲撮柟顔哄灲閺屻劎鈧綆浜欏ǎ顕€鏌ｆ惔銏╁晱闁哥姵顨嗙换娑欑節閸屾粍娈炬繝闈涘€绘灙閸烆垶姊洪幐搴㈩梿妞ゎ偄顦遍埀顒佷亢閸嬫劗妲愰幘璇茬＜婵炲棙鍩堝Σ顔碱渻閵堝棗鐏ユ俊顐ｇ箞閵嗕線寮借閺嬪酣鏌熼幆褏锛嶉柨娑氬枛濡懘顢曢姀鈥愁槱闂佸搫鐭夌徊鍓х矉瀹ュ應鍫柛顐ゅ枔閸樼敻鏌ｆ惔銏⑩姇瀹€锝堟硶缁濡烽敂璺ㄧ畾濡炪倖鐗楅〃鍛妤ｅ啯鈷戦悹鍥ㄥ絻椤掋垺銇勯弮鈧悧鐘茬暦娴兼潙鍐€妞ゆ挻绋堥崑鎾绘晝閸屾稑鈧鏌﹀Ο渚Ш闁伙絾妞藉娲濞戞氨鐤勯梺绋匡攻濞叉粎鍒掗崼銉ョ＜闁绘劕顕崢浠嬫⒑鐟欏嫬鍔ょ痪缁㈠幖閻ｆ繈骞栨担鍦幈闁诲函缍嗛崑鍛暦瀹€鍕厸閻忕偠顕ф俊鍧楁煃瑜滈崜銊у緤婵犳艾绀夐悗锝庡墲婵啿鈹戦悩宕囶暡闁抽攱鍨块弻锝夋偄閸濆嫷鏆梺璇″灠閻楀繒妲愰幒鎾崇窞閻忕偠妫勯獮瀣倵鐟欏嫭绀冩い銊ョ墛缁傛帡鏁冮崒娑樺壒濡炪倖鍔戦崹鑽ょ矓濞差亝鐓欐い鏃傛嚀婢ф煡鏌熼娑欘棃濠殿喒鍋撻梺缁樏壕顓熺瀹勬壋鏀介柣妯诲墯閸熷繘鏌涢悩宕囧⒌闁轰礁鍟存俊鐑藉Ψ椤旇棄鐦滈梻浣藉Г閿氭い锕備憾瀵娊鏁傛慨鎰盎闂佽婢樻晶搴ㄦ偩鏉堚晝纾奸柍褜鍓涢埀顒婄秵閸犳鍩涢幒妤佺厱妞ゆ劑鍊曢弸鏃堟煃閽樺妲告い顓炴健閹兘骞嶉灏栧彙缂傚倷娴囨ご鎼佸箲閸パ呮殾闁圭儤鍨熼弸搴ㄦ煙閹碱厼骞楃悮锕€鈹戦敍鍕杭闁稿ě鍛亾闂堟稓鐒哥€规洜鎳撻悾鐑藉炊椤垶缍楅梻浣虹帛閸旀洟顢氶鐘插К闁逞屽墴濮婃椽骞栭悙鎻掑闂佸憡鏌ㄩ張顒傜矉閹烘绠抽柟鎼幗鐎靛矂姊洪棃娑氬婵☆偅鐟ф竟鏇㈡偨閸涘﹦鍘遍柣搴秵閸嬪懐浜搁悽鍛婄厓鐟滄粓宕滃棰濇晩闁哄稁鍘肩粣妤呮煛閸モ晛孝闁搞劍绻冪换娑㈠幢濡纰嶉梺璇茬箲婵炲﹪寮婚垾鎰佸悑閹肩补鈧磭顔愰梺鍝ュ剱閸ㄨ泛顫忓ú顏咁棃婵炴垼椴稿瓭闂備礁鎼幊蹇曠矙閹达富鏁嬮柨婵嗩槸缁狙勭箾閸℃瑥浜鹃悗闈涚焸濮婃椽妫冨☉姘暫闂佸摜鍣ラ崑濠囧箖濮椻偓椤㈡棃宕ㄩ锛勭泿闂備線娼ф灙闁稿骸顭烽悡顒勵敆閸屾浜鹃悷娆忓缁€鍐╀繆閻愭壆鐭欑€规洘妞介崺鈧い鎺嶉檷娴滄粓鏌熼崫鍕ф俊鎯у槻闇夋繝濠傚閻帡鏌″畝鈧崰鏍х暦椤愶箑绀嬫い鎾愁檧缁查箖濡甸崟顖涙櫇闁稿被鍊栭ˉ鏍磽娴ｄ粙鍝洪悽顖滃仱楠炲繘鎮╃拠鑼厬婵犮垼鍩栬摫妞ゃ儻缍佸缁樻媴閸濄儲鐎銈庡亜椤﹂潧鐣疯ぐ鎺戝瀭妞ゆ梻鍋撳▓楣冩⒑閸︻厼鍔嬮柛鈺佺墕宀ｅ潡鍩￠崒妯圭盎闂佽宕樺▔娑欑閿旂晫绠鹃柛顐ゅ櫐閼版寧鎱ㄦ繝鍕笡闁瑰嘲鎳橀幖褰掓偡閹殿噮鍋ч梻鍌欐祰椤鎮洪弴銏╂晪鐟滃繘宕ｉ崨瀛樷拺缂備焦蓱閳锋帡鏌涘Ο鐘叉噽娑撳秹鏌″鍐ㄥ闁告瑥绻戞穱濠囨倷妫版繂娈繛瀛樼矒缁犳牕顫忛搹瑙勫珰闁炽儴娅曢悘宥夋⒑閼姐倕娅愮紒鐘虫崌瀵偄顓兼径濠勭杸濡炪倖鍨兼慨銈夊棘閳ь剟姊绘担铏广€婇柛鎾寸箞閺佸啴鍩￠崨顓″煘闂佸憡鐟ラˇ杈╁姬閳ь剟姊哄Ч鍥х伈婵炰匠鍕ⅰ濠碉紕鍋戦崐鏍ь潖瑜版帗鍋嬮柣妯垮皺閺嗭箑霉閸忓吋缍戦柛鎰ㄥ亾婵＄偑鍊栭幐楣冨磻閻斿吋鏅繛鍡樻尰閳锋垹绱掓径濠冾棞閻庢艾鍢查埢鎾诲籍閸喓鍙冮梺鍛婂姦娴滄粓寮稿☉銏＄厸閻忕偟鏅晥婵犵绱曢崗妯讳繆閻ゎ垼妾紓浣戒含閸嬨倕顫忓ú顏勪紶闁告洦鍓﹀Λ鐐测攽閳藉棗浜濈紒璇茬墦閻涱噣宕橀妸搴㈡瀹曘劑顢欓懞銉у礁闂備胶顢婇崑鎰偘閵夆晛鐒垫い鎺嶇婢ь垱绻涙總鍝ョ暫闁哄矉缍侀幃娆戔偓鐢登归弳锛勭磽娴ｅ搫校闁圭懓娲ら锝嗙節濮橆厽娅滈梺绯曞墲閿氶柛鏂挎嚇濮婃椽妫冨☉姘辩暰闂佸搫鎳忛惄顖氼嚕閺屻儲鐒肩€广儱妫岄幏娲⒒閸屾氨澧愰柡鍛箘缁棃鎮介崨濠勫幈闂佹寧绻傜换鎺楀礆娴煎瓨鐓熼柨婵嗘搐閸樺瓨顨ラ悙鏌ュ弰闁瑰磭鍋ゆ俊鐑芥晜閻ｅ苯绀侀梻鍌氬€风粈渚€骞夐埄鍐懝婵°倕鎳庨崹鍌炴煕濡ゅ啫浜归柡瀣煥铻栭柨婵嗘噹閺嗙偤鏌嶉柨瀣伌闁哄本鐩弫鍌滄嫚閹绘帞顔愰梻浣告啞閺屻劑顢栨径鎰摕婵炴垯鍨归悡娑樏归敐鍛儓妞わ綀娅ｉ埀顒€鍘滈崑鎾绘煥濠靛棙鍣洪柛瀣ㄥ劦閺屾盯鍩＄€ｎ剛鐦堥悗瑙勬礃鐢帟鐏掗梺闈╁瘜閸樻儳鈻旈崸妤佲拻闁稿本鐟ㄩ崗宀勬煙閾忣偅宕屾鐐寸墵椤㈡洟鍩楅懞銉р槈閾绘牕霉閿濆嫯顒熸繛鍙夋倐濮婅櫣鎷犻垾宕団偓濠氭倶閻愭潙鍔ら柣锔界矒濮婄粯绗熼埀顒€岣胯閹囧幢濮楀棙顔旈梺鍛婄☉閿曘儱鈻嶉悩鐐戒簻闁哄啠鍋撻柛銊︾箘閹广垽宕卞Ο闀愮盎闂佽婢樻晶搴ㄥ箖閼测晝纾奸柣妯挎珪鐏忎即鏌曢崶褍顏い銏℃礋婵偓闁靛繈鍩勯崬铏圭磽閸屾瑦绁板鏉戞憸閺侇噣骞掗弴鐘辫埅闂備浇宕垫慨鏉懨洪妶鍛傜喐绻濋崶褏鍔﹀銈嗗笂閻掞箑鐣风仦鐐弿濠电姴鍟妵婵堚偓瑙勬磸閸斿秶鎹㈠┑瀣闁靛⿵瀵屽ḿ鏃堟⒒閸屾瑧鍔嶉悗绗涘厾楦跨疀濞戞ḿ锛熼梻鍌氱墛缁嬫捇寮抽敃鍌涚厸闁搞儯鍎遍悘鈺冪磼閻樺搫鍚圭紒杈ㄦ尰閹峰懏顨ラ妸锕€鍝烘鐐茬箰鐓ゆい蹇撴噳閹锋椽姊洪悡搴綗闁稿﹥娲熷鎼佸箣閻愮數鐦堥梺闈涚箚濡插嫰鎳撶捄銊㈠亾濞堝灝鏋︽繛鍛礀宀ｈ儻绠涘☉妯煎幐闂佸憡鍔︽禍椋庢閼碱剛纾介柛灞捐壘閳ь剛鍏橀幃鐐烘晝閸屾稒娅囧銈嗗姧闂勫嫰宕甸埀顒勬⒑缁夊棗瀚峰▓鏇㈡煟閹捐泛鏋戠紒缁樼洴楠炲鈹戦崱姘厴婵犵數鍋涢幊搴ｇ矓閸洖鐒垫い鎺戝枤濞兼劖绻涢崣澶涜€块柡浣稿暣婵偓闁靛牆鍟犻崑鎾存媴缁洘鐎婚梺鍦亾濞兼瑥鈻撻幇鐗堚拺闁告劕寮堕幆鍫熴亜閹存繃澶勯柟顖涙⒐缁绘繈宕堕妸銏″闂備胶枪閺堫剟鎮烽妸鈺佺鐎光偓閳ь剛妲愰幒妤婃晪闁告侗鍘炬禒鎼佹倵鐟欏嫭绀冪紒璇插€介悘鎺楁⒒閸屾艾鈧悂顢氶銏犵闁靛ǹ鍎哄〒濠氭煏閸繃鍣界紒鐘卞嵆閺岋絽螖閳ь剙螞濞戞艾鍨濋悹鍥梿濞差亶鏁傞柛娑卞灠楠炴劙姊绘担瑙勫仩闁稿寒鍨跺畷鏇㈡焼瀹ュ棗鈧埖銇勮箛鎾跺闁绘挸鍟村娲垂椤曞懎鍓伴梺璇茬箲閹告娊寮婚垾宕囨殕閻庯綆鍓涜ⅵ婵°倗濮烽崑娑樏洪鈧偓浣糕槈濡攱顫嶉柡澶婄墱閻撳牆螞閸曨垱鈷掗柛灞剧懅椤︼箓鏌熷ù瀣у亾閹颁焦缍庨梺闈╁瘜閸樺ジ宕瑰┑瀣厵闁硅鍔﹂崵娆撴煢閸愵亜鏋戠紒缁樼洴楠炲鈻庤箛鏇氭偅缂傚倷鑳舵慨鎾€﹂悜钘夎摕闁斥晛鍟欢鐐烘倵閿濆簼绨藉ù鐘虫尦濮婃椽宕烽鐔哥彧闂佽桨绀侀…鐑界嵁閸愩剮鏃堝礃閳轰焦鐎梻浣告啞濞诧箓宕滃☉銏℃櫖婵せ鍋撴慨濠呮缁瑩宕归鍛Ψ濠电姷鏁搁崑娑㈡晝椤忓嫮鏆︽繛宸簻閻掑灚銇勯幒宥夋濞存粍绮撻弻鐔兼倻濡櫣鍘愰梺鍛婃⒒閸犳挾妲愰幒鎾崇窞閻忕偟鍋撳В鍫ユ⒑閸濆嫭婀伴柣鈺婂灦楠炲啴鍩￠崨顓犵杸婵炶揪绲藉﹢閬嶅级瑜版帗鈷掑ù锝囩摂閸ゅ啴鏌涢敐搴＄仯闁瑰箍鍨归埞鎴﹀幢閳轰焦顓块梻浣告贡閾忓酣宕板Δ鍛；闁告洦鍨遍悡锝夌叓閸ャ劌鍤柛銈呭暣閺屾盯鎮㈤悜钘夊及濠殿喖锕︾划顖炲箯閸涘瓨鍊绘俊顖滃劋閻ｎ剟姊绘担鍓插悢闁哄鐏濋‖瀣⒑閻熸壆鐣柛銊ㄦ閻ｇ兘骞掑Δ浣糕偓鐑芥煛婢跺鐏﹂柣銈呭€垮娲嚒閵堝懏鐎鹃梺鑽ゅ枂閸庢娊鍩€椤掍浇澹橀柛銏＄叀閸┿垽骞樼€靛壊娴勯柣搴秵閸嬪棝宕㈡禒瀣拺鐟滅増甯掓禍浼存煕濡湱鐭欑€规洘娲栬灃濞达綀娅ｉ鏇㈡⒑閸撴彃浜為柛鐘冲姉缁牓宕奸姀銏紲闁哄鐗勯崝灞矫归閿亾鐟欏嫭绀冮悽顖涘浮閿濈偛鈹戦崰鐗堝笒閳诲骸顓奸崨顖欑礄闂備礁鎼懟顖滅矓瑜版帒绠板┑鐘插暙缁剁偞淇婇娑楁喚闁挎洍鍋撴い顏勫暣婵¤埖鎯旈垾鑼嚬缂傚倷娴囬褔宕銏㈠箵闁兼剚鍨抽悿鈧┑鐐村灦宀ｅ潡宕㈤幖浣圭厽閹兼惌鍨崇粔鐢告煕閹捐泛鏋庨摶鐐烘煟閹达絽袚闁抽攱甯￠弻娑氫沪閹规劕顥濋梺閫炲苯澧伴柛蹇旓耿楠炲﹤螖閸涱喖娈濋梺姹囧灩閸氣偓缂侇喗鎸冲濠氬磼濞嗘埈妲梺鍦拡閸嬪﹪骞冭楗即宕煎┑鍫Ф闂備胶绮濠氬储瑜忕划濠氬冀椤撶喓鍘介梺闈涚墕妤犳悂鎮樻潏銊ょ箚妞ゆ牗鑹鹃顓㈡煙椤旂瓔娈橀柟鍙夋尦瀹曠喖顢楅崒銈喰炵紓鍌氬€峰ù鍥敋瑜斿畷鎰板锤濡炲皷鍋撴担鍓叉建闁逞屽墮閻ｅ嘲螖閸涱喖浜楅柟鑹版彧缁插潡鎮伴鈧铏规嫚閹绘帒姣愮紓鍌氱Т濡繂鐣峰⿰鍐ｆ瀻闁规崘娉涚粊锕傛⒑閸撴彃浜栭柛搴㈢叀閸╂盯骞掗幊銊ョ秺閺佹劙宕奸悤浣峰摋闂佹眹鍩勯崹閬嶆儎椤栫偛钃熸繛鎴欏灩缁秹鏌嶈閸撴瑧鍙呴梺鍝勭▉閸撴稒绂嶉挊澶嗘斀闁绘ê鐏氶弳鈺佲攽椤旇姤缍戦悡銈夋煥閺囩偛鈧摜澹曟繝姘厱鐎光偓閳ь剟宕戦悙鐑樺亗闁哄洢鍨婚崣鎾绘煕閵夛絽濡界痪鍓ф暬閺岀喓浜告担绋库拤缂備胶绮惄顖氱暦閻撳簶鍫柛娑卞灣閸橆垶姊绘担鍛婃儓闁活厼顦辩槐鐐寸瑹閳ь剟鎮伴鈧畷鍫曨敆婢跺娅栨繝娈垮枟鏋瀛樻倐椤㈡艾螖閸愵亞锛濋梺绋挎湰閻熴劑宕楃仦瑙ｆ斀妞ゆ棁濮ょ亸锕傛煃閵夘垳鐣甸柟顔界矒閹稿﹥寰勬惔銏″暫闂傚倷鐒﹂弸濂稿疾濞戙垹鐤い鏍ㄧ☉閸ㄦ棃鏌熺紒銏犳灍闁稿鍓濈换娑㈠幢濡ゅ啰顔囧銈呯箚閺呮繈鎯€椤忓牊鍊锋い鎺嗗亾闁崇粯娲橀幈銊︾節閸曨偄濡哄┑鐐碘拡娴滎亪鐛澶樻晩闁绘挸瀵掗悗鎾⒒閸屾瑧顦︽繝鈧柆宥呯疇闁规崘绉ú顏嶆晣闁绘垵妫楀▓銊ヮ渻閵堝棗濮х紒鐘冲灩缁鎳￠妶鍥╋紳婵炶揪缍€閸嬪倿骞嬪┑鍐╃€洪梺闈涚箞閸婃牠鍩涢幋锔藉仯闁诡厽甯掓俊鍏肩箾閸涱喖濮嶉柡宀€鍠栧畷娆撳Χ閸℃浼� */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

.agree-check::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background: url('./redio.png') no-repeat;
    /* border: none; */
}

.agree-check:checked::before {
    background: url('./redio-a.png') no-repeat;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .agree-check {
        opacity: 0;
 
        width: 20px;
        height: 20px;
    }

    .agree-check + label::before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url('checkbox-sprite.png') no-repeat 0 0;
        vertical-align: middle;
        margin-right: 5px;
    }

    .agree-check:checked + label::before {
        background-position: 0 -18px;
    }
}


.address-dialog {
    min-width: 450px;
}

.dialog-title {
    text-align: center;
    margin: 48px 0 25px 0;
    font-size: 24px;
    color: #008cd9;
}

.address-form {
    display: flex;
    flex-direction: column;
    margin-top: 41px;
}


.form-item {
    margin-bottom: 20px;
    display: flex;
}

.input-label {
    position: relative;
    display: flex;
    align-self: center;
    width: 85px;
    color: #330000;
    margin-bottom: 8px;
}

.form-item .input-label::before {
    content: '*';
    color: red;
    position: absolute;
    right: 100%
}

.login-input::placeholder {
    color: #999;
}

.dialog {
    animation: dialogShow 0.3s ease-out;
}

@keyframes dialogShow {
    from {
        opacity: 0;
        transform: translate(-50%, -55%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.dialog-shadow {
    transition: opacity 0.3s;
}



.banner-box {
    position: relative;
    width: 1000px;
    height: 1045px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 400px;
}

.banner-track {
    display: flex;
    position: relative;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}


.banner-item {
    display: none;
    height: 100%;
    position: absolute;
    transition: all 0.3s ease;
    transform: scale(0.8);
    opacity: 0.7;
    height: 445px;
    width: 767px;
    filter: blur(4px);
}


.banner-item.active {
    filter: none;
    display: block;
    left: 117px;
    transform: scale(1);
    opacity: 1;
    z-index: 2;
    clip-path: none;
}

.banner-item.prev {
    display: block;
    left: -76px;
}

.banner-item.next {
    display: block;
    right: -76px;
}


.banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-control {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-control.banner-control-prev {
    left: 0;
    background: url('./srrow-left.png') no-repeat;
}

.banner-control.banner-control-next {
    right: 0;
    background: url('./srrow-right.png') no-repeat;
}

.login-dialog.dialog {
    width: 702px;
    height: 500px;
    padding: 70px 118px;
}

.login-tips {
    color: #330000;
    font-size: 14px;
}

.form-label {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form-label>span {
    width: 68px;
    text-align: center;
    color: #330000;
}

.dialog {
    width: 702px;
    height: 500px;
    padding: 31px 94px;
    color: #330000;
}

.dialog table {
    width: 100%;
}

.dialog table th {
    font-size: 24px;
    color: #330000;
    line-height: 46px;
    font-weight: normal;
}

.dialog table td {
    text-align: center;
    color: #ff6600;
    height: 40px;
    border-bottom: 1px solid #b57445;
    font-size: 14px;
}

.draw-dialog {
    padding: 31px 121px;
}

.dialog-content {
    overflow-y: auto;
    height: 321px;
    color: #008cd9;
}

.dialog-content p {
    margin: 0;
    line-height: 30px;
}

.address-form .login-btn {
}

.user-list {
    background: rgba(255,255,255,0.5);
    padding: 10px;
}


.user-list::-webkit-scrollbar {
    width: 6px;
   }

.user-list::-webkit-scrollbar-track {
    background-color: transparent;
   
}

.user-list::-webkit-scrollbar-thumb {
    background-color: #999;
   
    border-radius: 3px;
   
}

.user-list::-webkit-scrollbar-thumb:hover {
    background-color: darkgray;
  
}

.user-list .user-item {
    line-height: 30px;
    border-bottom: 2px dotted #ffa513;
    color: #666;
    cursor: pointer;
}

.user-list .user-item span {
    cursor: pointer;
}

.user-list .user-item.active {
    color: #ffa513;
}

.user-list .user-tag {
    font-size: 12px;
    color: #ffa513;
    border: 1px solid #ffa513;
    padding: 4px;
    line-height: 1;
    display: inline-block;
    margin-left: 0px;
    border-radius: 4px;
    transform: scale(0.7);
}

.user-radio {
    background: url("//static-1.602.com/602/v3/images/index/radio.png") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    background-size: 100%;
    position: relative;
    top: 7px;
}

.user-list .user-item.active .user-radio {
    background: url("//static-1.602.com/602/v3/images/index/radio-a.png") no-repeat;
    background-size: 100%;
}

.invite-dialog-btn {
  position: absolute;
  width: 200px;
  height: 50px;
  top: 216px;
  right: 0;
  cursor: pointer;
}
.recharge-dialog-btn {
  position: absolute;
  width: 200px;
  height: 100px;
  top: 232px;
  right: 0;
  cursor: pointer;
}
.box-btn {
  width: 100%;
  height: 50px;
  cursor: pointer;
}