@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
body, html {
    font-size: 20px;
    color: #1d7800;
    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: auto;
}
.container.yuyue {
    height: 3042px;
    overflow: hidden;
    position: relative;
}
.yuyue-btn {
    position: absolute;
    right: 447px;
    top: 757px;
    cursor: pointer;
    width: 308px;
    height: 89px;
    background: url(./btn-b-0.png) no-repeat;
    font-size: 30px;
    line-height: 75px;
    text-align: center;
    color: #fff;
    padding-left: 28px;
    font-weight: bold;
}
.nav {
    max-width: 1920px;
    margin: auto;
    width: 100%;
}

.content {
    width: 1200px;
    margin: auto;
}

.qiandao-score-now {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30px;
    padding: 4px 20px;
    top: 254px;
    width: 1200px;
    color: #1d7800;
}
.qiandao-score-now>span {
    margin-left: 65px;
}
.qiandao-score-now .font-yellow {
    color: red;
}
.qiandao-score-now img {
    position: relative;
    top: 3px;
}

.home-btn {
    display: inline-block;
    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;
    color: #fff;
    margin-top: 10px;
}

.text-yellow {
    color: red;
}

.flex-between, .fb {
    display: flex;
}

.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;
    padding-left: 60px;
    padding-right: 60px;
}

.tips-box {
    position: relative;
    padding-top: 314px;
    text-align: center;
    padding-left: 6px;
    font-size: 22px;
    padding-right: 6px;
    margin-top: 10px;
}

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

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

.qiandao {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    height: 274px;
}

.container .el-progress__text {
    display: none;
}

.qiandao-item {
    position: relative;
    width: 150px;
    height: 193px;
    text-align: center;
    background: url('./b-2.png') center no-repeat;
    cursor: pointer;
    position: relative;
}
.qiandao-item:nth-child(odd) {
    position: relative;
    top: 20px;
}
.qiandao-item:nth-child(even) {
    position: relative;
    top: 80px;
}
.qiandao-item.pass {
    background: url('./b-4.png') center no-repeat;
    color: #ffd07e;
}

.qiandao-item .today-tag {
    background: url(./q-e.png) no-repeat;
    width: 340px;
    height: 40px;
    position: absolute;
    top: 100%;
    left: -94px;
}

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

.qiandao-item.active {
    background: url('./b-3.png') center no-repeat;
    color: #fff;
}


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

.qiandao-btn.succ {
    background: url(./qiandao-a-btn.png) no-repeat;
}
.qiandao-tips.font-active {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 16px;
}
.qiandao-tips {
    text-align: center;
    font-size: 16px;
}
.q-count{
    font-size: 60px;
    margin-top: 90px;
    font-weight: bold;
    background: linear-gradient(180deg, #fdb027 0%,  #ff6600 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
.date-line {
    position: absolute;
    top: 36px;
    left: 29px;
    margin-top: 0;
    font-size: 27px;
    font-weight: bold;
    font-family: 'Microsoft YaHei', sans-serif;
    /* 1. 闂佸搫鍊稿ú銈夋偤瑜庣粙澶屾媼瀹曞洨歇闂佹寧绋掑銊モ枍瑜旈幊婵嬫晸閿燂拷 */
    color: #ffffff; 
    
    /* 2. 闂佸憡鍔曢幊搴ㄦ儑娴兼潙绠甸煫鍥ㄦ皑閻濆爼鏌ㄥ☉娆愮殤閻犵偑鍨介幊婵嬫晸閿燂拷 (缂備焦鐦遍崱妤€鐏￠梺鍝勫€稿ú銈夋偤閿燂拷) */
    -webkit-text-stroke: 2px #4d8f00; 
    text-stroke: 2px #4d8f00;

    /* 3. 婵犮垼鍩栭悧鏇㈡儑娴兼潙绠甸煫鍥ㄦ皑閻濆爼鏌ㄥ☉娆愮殤婵炲憞鍥ㄥ殞闁跨噦鎷� (闂備緡鍋呮穱铏规崲閸愵喗鈷撻柡澶嬪灥椤ㄦ稒淇婇妤€澧查悗姘炬嫹) */
    /* 闁荤姴娴傞崢鐣屾兜閿燂拷: text-shadow: x闂佺ǹ顑呯换鎺嶇昂 y闂佺ǹ顑呯换鎺嶇昂 濠碘槅鍨界槐鏇犳兜閿曞倸纭€濠电姴鍊荤粣锟� 婵☆偆澧楃划蹇旂珶閿燂拷; */
    /* 闁哄鏅滈悷鈺呭闯闁垮濯撮悹鎭掑妽閺嗗繘鏌涢妷锔锯棩闂佸弶绮撳顒勬偡閻楀牆鈧鏌ｉ妸銉ヮ伃婵″弶宕橀妵鎰綇閵婏箓妾峰┑鈽嗗灙閸撴繄鈧碍鐟︾粙澶愬焵椤掑嫬鎹堕柛顐犲灪椤忋倝鏌ら悷鏉跨骇鐎殿喗瀵уḿ蹇涙晸閿燂拷 */
    text-shadow: 
        2px 2px 0 #ffffff, 
        -2px -2px 0 #ffffff, 
        2px -2px 0 #ffffff, 
        -2px 2px 0 #ffffff,
        0 2px 0 #ffffff,
        0 -2px 0 #ffffff,
        2px 0 0 #ffffff,
        -2px 0 0 #ffffff;
}

.invite-box {
    position: relative;
    padding: 651px 0px 0;
}

.invite-tips {
    position: relative;
    margin-bottom: 33px;
    margin-top: 107px;
}

.invite-now {
    position: absolute;
    top: -83px;
    right: 50px;
    font-size: 26px;
}

.active-progress .el-progress-bar__outer {
    background: #98b676!important;
}
.active-progress .el-progress-bar {
    position: relative;
    left: 14px;
    padding-right: 0;
}
.progress-icons {
  position: relative;
  left: -14px;
}
.progress-icons .progress-icon {
  position: absolute;
  width: 28px;
  height: 28px;
  background: url(./icon-6.png) no-repeat; 
}
/* 濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柣鎴ｆ閺嬩線鏌涘☉姗堟敾闁告瑥绻橀弻锝夊箣閿濆棭妫勯梺鍝勵儎缁舵岸寮诲☉妯锋婵鐗婇弫楣冩⒑閸涘﹦鎳冪紒缁橈耿瀵鏁愭径濠庢綂闂佺粯锚濡﹤螞瀹€鍕拺閺夌偞澹嗛ˇ锕傛煥閺囥劋閭€殿喖顭烽崹楣冨箛娴ｅ憡鍊梺纭呭亹鐞涖儵鍩€椤掆偓绾绢參顢欓幇顔剧＝闁稿本鐟ч崝宥夋煕閺冣偓閻楃娀濡撮崘顔煎耿婵☆垰鐨烽弨铏節閻㈤潧孝婵炲眰鍊曞ú鍧楁⒒娴ｅ憡鍟炲〒姘殜瀹曪絾鎯旈姀銏╂祫婵°倧绲介崯顖炲煕閹达附鐓熼柣鏂挎啞缁舵煡鏌￠崱娑楁喚闁哄矉缍侀、姗€鎮欏ù瀣壕闁归棿绶ょ紞鏍叓閸ャ劍绀堢痪鎯у悑娣囧﹪顢涘┑鎰濡炪倕瀛╅幑鍥ь潖濞差亜宸濆┑鐘插缁变即姊虹粙鎸庡攭婵炲懏娲熼妴鍐ㄢ枎閹剧补鎷婚梺绋挎湰閻熝呯玻閺冨牊鐓冪憸婊堝礈濞戙垹纾绘繛鎴欏灪閸ゆ劖銇勯弽銊р姇婵炲懐濮甸妵鍕冀閵娧呯厒缂佺偓鍎抽妶鎼佸箖濡ゅ懏鏅查幖绮光偓鑼嚬闁诲氦顫夊ú鏍儗閸岀偛绠板┑鐘插€甸弨浠嬫倵閿濆骸浜為柛娆忔濮婃椽宕崟顒€绐涢梺绋款儐閻╊垶宕洪埀顒併亜閹哄棗浜剧紓鍌氱Т閿曨亪鎮伴鐣岀瘈闁稿被鍊栭崓鐢告⒑閻撳孩鎲搁柡浣规倐瀹曘垺绂掔€ｎ偀鎷洪悷婊呭鐢帗绂嶆导瀛樼厱闁瑰灝瀚悾鐢碘偓瑙勬礈閺佸骞冮姀銈嗘優闁革富鍙忕槐鏌ユ⒒娴ｇ懓鈻曢柡渚囧櫍瀹曟垿骞樼紒妯煎幈闁诲函缍嗛崑鍛暦鐏炵偓鍙忓┑鐘插亞閻撹偐鈧娲樼敮鎺楋綖濠靛鏁勯柦妯侯槷婢规洟姊鸿ぐ鎺擄紵闁绘帪绠撳畷鎴犫偓锝庝簴閺€浠嬫煟濡绲婚柡鍡欏枛閺岋綁鎮㈠ú缁樼秷婵烇絽娲ら敃顏呬繆閸洖宸濇い鏂垮悑椤忕姷绱撴担鍝勪壕闁稿骸鍟垮玻鍧楁晸閻樿尪鎽曢梺缁樻⒒閸樠呯不閵夛负浜滈柡鍐ㄥ€甸幏锟犳煛閸♀晛寮慨濠呮缁辨帒螣鐠囧弶娈梻浣告憸婵敻鎮ч悩宸殨濠电姵纰嶉崑鍕煟閹捐櫕鎹ｉ柣锝夌畺閹嘲饪伴崘顎呪偓娈垮枟婵炲﹪寮婚崱妤婂悑闁糕剝鐟ラ獮鎰版⒒娴ｈ櫣銆婃俊鎻掓嚇瀹曘垽宕滆閻挻銇勯弴妤€浜鹃梺鍝勫閳ь剙纾弳鍡涙倵閿濆骸澧伴柨娑氬枑缁绘稓鈧數枪椤庢挾绱掗悩铏磳妤犵偛鍟埢搴ㄥ箼閸愨晜娅岄梻浣呵圭悮顐﹀磹閺嶎兘鍙跨紓鍌氬€搁崐鎼佸磹閹间礁纾归柣鎴ｅГ閸婂潡鏌ㄩ弴妤€浜惧銈庡亜缁绘垹鎹㈠┑鍡╂僵妞ゆ帒鍊诲畷鍫曟⒒娴ｅ憡鎯堢紒瀣╃窔瀹曘垼銇愰幒鎴犲姦濡炪倖鍨煎▔鏇⑺囬敃鍌涚厓闁芥ê顦藉Σ鍛娿亜椤愶絿鐭掔€规洖宕灒闁告繂瀚敮顏呯節绾板纾块柛瀣灴瀹曟劙寮介锝嗘婵犵數濮寸€氼噣鎯岄崱妞曞綊鏁愰崨顔跨濡炪倐鏅炵亸娆撳箟閹间焦鍋嬮柛顐ｇ箘閻熸煡姊洪幎鑺ユ暠閻㈩垱甯℃俊鎾箳閹搭厽鍍甸梺鎸庣箓閹冲秵绔熼弴鐔虹瘈闁汇垽娼ф禒鎺楁煕閺嶎偄鈻堢€规洝鍩栭幏鍛村川婵犲倹鐏庢俊鐐€戦崹鍝劽洪悢鐓庢瀬闁告劦鍠栭悞鍨亜閹烘垵顏柛瀣典邯閺岋綁骞囬棃娑橆潾缂備讲妾ч崑鎾斥攽閻樺灚鏆╁┑顔芥尦瀹曟劗绱掑Ο缁樼彿濠电偞鍨崹娲偂閺囥垺鍊甸柨婵嗙凹缁ㄥ鏌嶈閸撴瑥岣块敓鐘茬畺闁跨喓濯弫鍐煥閺囨浜鹃梺缁樺姇閿曨亪寮婚弴鐔虹瘈闊洦绋掗宥夋⒑缁嬪潡顎楅梺甯到椤繘鎼归崷顓狅紲濠碘槅鍨靛畷鐢稿矗閸℃せ鏀介柍钘夋娴滄繄绱掔拠鑼ⅵ闁绘侗鍣ｅ畷姗€顢旈崨顓熺€梻浣告啞濞插秹寮插☉娆戭洸濞寸厧鐡ㄩ悡鐔兼煟閺傝法鍩ｆ俊鍓у厴閺屾稒绻濋崘銊ヮ潚閻庤娲橀崹鍧楃嵁濡吋瀚氶柤纰卞墮婵附淇婇悙顏勨偓鏍暜閹烘柡鍋撳鐓庡籍闁诡噯绻濋幃銏ゅ箹閻愭壆鐩庨梻濠庡亜濞诧箓骞愰幖渚囨晜闁圭虎鍠楅悡鏇㈠箹濞ｎ剙鐏い銉ョ墦閺屸€崇暆鐎ｎ剛锛熸繛瀵稿缁犳挸鐣峰⿰鍡╂Х婵犳鍠栧ú顓烆潖閾忚瀚氶柍銉ョ－娴狀厼鈹戦埥鍡椾簻闁哥喐娼欓锝夘敃閵忊晛鎮戞繝銏ｆ硾閿曪箓藝閺夋娓婚柕鍫濇鐎垫瑩鏌涢幇銊︽珕闁绘縿鍔戝濠氬磼濮橆兘鍋撻幖浣哥９濡炲娴烽惌鍡椼€掑锝呬壕濡ょ姷鍋為悧鐘汇€侀弴銏℃櫆闁芥ê顦竟鎺戔攽閻橆喖鐏辨繛澶嬬洴瀵敻顢楅崟鍓佺◤闂佸搫娲㈤崹娲偂濞戙垺鐓曢柕澶涚到閸旀岸鏌ｈ箛濠冩珚闁哄矉缍侀獮鎺楀箣閻樿京椹抽梻渚€娼уú銈団偓姘嵆閻涱噣骞掑Δ鈧粻锝嗐亜閺嶃劏澹樻い顐ゅХ缁辨捇宕掑▎鎴М濡炪倧绠撴禍璺侯嚕椤愶絿绡€婵﹩鍓濋幗鏇炩攽閻愭潙鐏﹂柛鈺佸暣瀹曟垿骞樼紒妯绘珳闁圭厧鐡ㄧ换鍕礄瑜版帗鈷戦梻鍫氭櫇缁夘剚淇婇銏狀伃婵犫偓娴ｇ硶鏀介柣妯款嚋瀹搞儵鎮楀鐓庡籍鐎规洘鍔欓獮鍥偋閸垹骞愬┑鐐舵彧缁叉寧鐏欓梺閫炲苯澧紓宥咃躬閻涱噣宕奸妷銉庘晠鏌嶆潪鎷屽厡闁汇倐鍋撳┑锛勫亼閸婃洜鎹㈤幇顑╂稑鈽夊Ο閿嬬亙闂佺鍕垫畷闁抽攱甯￠弻娑氫沪閸撗勫櫘缂備焦鍔栧鍦崲濞戞瑦濯撮柛鎰级閸ｈ櫣鈧娲橀悡锟犲蓟濞戙垹鐒洪柛鎰典簴濡插牏绱撴担鎻掍壕闂佸壊鍋嗛崰鎾跺姬閳ь剟姊婚崒姘卞缂佸鎸婚弲鍫曞閵堝棛鍘藉銈嗘尵閸嬬偤藟閵忋倖鐓欐い鏃傜摂濞堟粓鏌℃担鐟板闁诡垱妫冮崺鍕礃椤忓啯鍠氶梻鍌氬€烽懗鍓佸垝椤栫偛绠伴悹鍥梿濞差亝鍋勯柣鎾虫唉閹芥洟鎮楅獮鍨姎婵炶绠撳畷浼村幢濞戞瑧鍘遍梺鍝勬储閸斿本绂嶅⿰鍐ｆ斀妞ゆ柨鎼悘顏嗙磼缂佹ḿ銆掗柍褜鍓氱粙鎺戠幓閸ф鍎楃€光偓閸曨剛鍘遍柣搴秵閸嬪懐浜搁幍顔剧＜鐎光偓閸愵喖鎽电紓浣虹帛缁诲牆鐣烽崼鏇炍╅柕澶堝灩娴滈箖姊洪崹顕呭剭濞存粍绮撻悡顐﹀炊閵婏箑纰嶅銈呯箞閸婃繈寮诲☉姘ｅ亾閿濆骸浜濈€规洖鐬奸埀顒侇問閸犳洜鍒掑▎鎾扁偓渚€寮撮姀鈩冩珳闂佺硶鍓濋敃鈺呭船閸洘鈷掗柛灞剧懅椤︼附绻濋埀顒勬焼瀹ュ懐锛熼梺闈涚墕椤︻垶鎷戦悢鍏肩叆闁绘柨鎼瓭缂佺偓鍎抽…鐑藉蓟閻斿吋鍊锋い鎺嗗亾濠⒀屽灡缁绘稓浜搁弽銊︾彋闂佸搫鐭夌紞渚€鐛鈧獮搴ｇ驳鐎Ｑ冧壕婵°倓闄嶆禍婊勩亜閹邦喖鏋戞繛鍛攻閹便劍绻濋崟顐㈠濠电偟鈷堟禍顏堢嵁瀹ュ鏁婇悹鎭掑妿瀹曞爼姊婚崒娆戠獢婵炶壈宕电槐鐐哄炊閳轰胶绛忔繛瀵稿Т椤戞垹绱為弽顓犲彄闁搞儯鍔嶇粈鍫㈢棯閹冩倯濞ｅ洤锕、娑樷攽閹邦剚顔勬俊鐐€曠€涒晠骞戦崶褜娼栨繛宸簻瀹告繂鈹戦悩鎻掝仾闁告帗绋戦埞鎴︽倷閺夊灝鐨熼梺鍛婂姌閸庡鍩€椤掆偓濞尖€愁潖濞差亶鏁嗛柍褜鍓涚划鏃傗偓闈涙憸娑撳秹鏌″鍐ㄥΩ濞存粍绮撻弻锟犲炊椤垶鐣舵繛瀛樼矋閸庢娊鈥旈崘顔嘉ч柛鎰╁妿娴犳儳鈹戦悙璺虹毢闁哥姵鐗曢锝夘敃閿曗偓缁€鍐┿亜閺冨洤浜归柛鏃撶畱椤啴濡堕崱妤冪懆闂佺ǹ锕ラ幃鍌濇＂濠殿喗枪妞存悂宕伴幇鐗堢厽婵°倐鍋撻柣妤€妫涚划顓烆潩閼哥數鍘介梺瑙勫劤椤曨厼煤閹绢喗鐓涢悘鐐插⒔濞叉潙鈹戦敍鍕幋闁轰焦鍔欏畷銊╊敇閻戝棙缍撻梻鍌氬€峰ù鍥敋瑜忛幑銏ゅ幢濞戞ḿ鏌ч梺缁樓归褔鎷戦悢鍏肩叆婵犻潧妫Σ鎼佸炊鐎涙ḿ绡€闁靛骏绲剧涵楣冩煟椤掆偓閵堢ǹ顕ｉ幎绛嬫晝闁挎棁袙閹锋椽姊洪崨濠勭畵閻庢凹鍘奸敃銏ゅ箥椤斿墽锛滈柣搴秵閸嬪棙鏅堕悽鍛婂癄婵犻潧顑嗛悡锝夌叓閸ラ鍒板ù婊勭墪闇夋繝濠傚閻帡鏌＄仦鐐缂佺粯鐩畷褰掝敊閻撳寒娼ュ┑锛勫亼閸婃垿宕曢鐐插瀭濞寸姴顑呴拑鐔兼煟閺冨倵鎷￠柡浣割儔閺屾盯鍩勯崘顏呭櫘闂佷紮绠戦悧鎾诲箖濡ゅ啯鍠嗛柛鏇ㄥ墰椤︺劑姊洪幐搴㈢８闁搞劏妫勯悾宄懊洪鍛偓鐑芥煛婢跺鐏╃紒鎰仱濮婃椽宕ㄦ繝鍕窗闂佺ǹ楠搁崯鍧楀煝閺冨牆閿ゆ俊銈勮閹峰姊虹粙鎸庢拱闁荤喆鍔戝畷妤€鐣濋崟顒傚幍闂佹儳娴氶崑鍛暦瀹€鍕厵妞ゆ梻鐓鍫濈厴闁硅揪绠戦柋鍥ㄦ叏濮楀棗鍘稿瑙勬礀閳规垿顢欑紒鎾剁窗闂佸憡顭嗛崶褍鍤戦梺闈涚墕閹峰鎮㈤崱娑欏仭婵炲棗绻愰顏嗙磼閳ь剛鈧綆鍏橀崑鎾舵喆閸曨剛顦柡瀣典邯閹藉爼寮介‖鈥崇秺閺佹劙宕ㄩ钘夊壍婵°倗濮烽崑娑㈡偋婵犲啰鈹嶅┑鐘叉处閸婇攱銇勮箛鎾愁仱闁稿鎹囧浠嬵敇閻愭妲烽梻浣瑰濞叉牠宕愰崫銉ヮ棜濠电姵纰嶉悡鏇㈡倶閻愭彃鈷旈柣顓為閳规垿顢欓悡搴㈡瘣闂佸疇顫夐崹鍧楀箖閳轰胶鏆﹂柛銉ㄥ煐濞堣淇婇悙顏勨偓鎴﹀磿閸楃倣娑樜旈崨顏佸亾閿曞倸閿ゆ俊銈勭濞堟繈姊婚崒姘卞缂佸鍨块敐鐐差吋婢跺鎷虹紓鍌欑劍钃遍悘蹇曟暬閺屾盯鎮╅崘鎻掝潕闂佺懓绠嶉崹褰掑煡婢舵劕顫呴柣妯垮蔼閳ь剙鐏濋埞鎴炲箠闁稿﹥娲滈埀顒佸嚬閸撶喖銆侀弮鍫晣闁绘棁娅ｉ鏇㈡煟鎼淬垻鈯曞畝锝呮健閹矂骞掗弮鍌滐紲闂佺粯锚绾绢厽鏅堕鍛簻妞ゆ劑鍨荤粻浼存偂閵堝棎浜滈煫鍥ㄦ尰婵吋淇婇銏犳殻婵﹥妞藉畷姗€宕ｆ径瀣壍闂備礁鎽滈崰鎰垔娴犲纾归悗闈涙憸绾句粙鏌涚仦鎹愬闁逞屽墯閹倸鐣烽幇鏉夸紶闁靛／鍛帬闁诲氦顫夊ú鏍洪妸鈺傚剹闁糕剝銇滈埀顒佸笒椤繈鏁愰崨顒€顥氬┑锛勫亼閸婃垿宕归崫鍕殕闁归棿绀侀弸渚€鏌熼柇锕€骞栫紒鍓佸仜閳规垿鎮╅幓鎺嗗亾閹间礁绠伴柕鍫濐槹閳锋帒鈹戦悩鏌ヮ€楀ù婊勭矋缁绘盯寮堕幋婵愪紑閻庡灚婢橀敃銉╁Χ閿濆绀冩い蹇庣娴滈箖鏌ｉ幋锝呅撻柍閿嬪浮閺屾稓浠﹂幑鎰棟闂侀€炲苯澧柛銏＄叀濠€渚€姊洪幖鐐插妧閻忕偛澧介々顐︽⒒娓氣偓濞佳嗗櫣闂佸憡娲熷ḿ褎绂掑ú顏呪拻濞达綀濮ょ涵鍫曟煕閻樿櫕灏伴柟渚垮姂楠炴﹢顢欑憴锝嗗婵＄偑鍊栭悧婊堝磻閻愮儤鍋傞柕澶涘缁♀偓闂傚倸鐗婄粙鎺楁晬瀹ュ棔绻嗛柟缁樺笧閸╋綁鏌＄仦鐣屝ユい褌绶氶弻娑滅疀閺冨倶鈧帞绱掗鑲╁缂佹鍠栭崺鈧い鎺戝閺勩儵鏌曡箛濠傚⒉闁稿海鍠栭弻鏇熺箾閸喖濮㈠銈嗘⒐鐢€愁潖濞差亜浼犻柛鏇炵仛鏁堥梻浣规偠閸斿酣骞婇幘鐑┾偓鏍ㄧ節閸ヨ埖鏅╅柣蹇撶箲閻楁寮埀顒勬⒒娴ｈ櫣甯涢柨鏇楁櫊瀹曚即寮介鐔封偓鍫曟⒑椤掆偓缁夌敻鎮￠弴銏＄厓闁告繂瀚埀顒傜帛閺呰埖娼忛妸褏鐦堥梺閫炲苯澧柟宄版嚇閹煎綊宕烽銊ч棷婵犵數鍋犻幓顏嗗緤閸ф绠犻柟鎹愵嚙閺嬩礁螖閿濆懎鏆為柣鎾寸懇閺屾盯骞嬪▎蹇婂亾閺嶎偀鍋撳鐐 4 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鏁愭径濠勵吅闂佹寧绻傞幉娑㈠箻缂佹ḿ鍘遍梺闈涚墕閹冲酣顢旈銏＄厸閻忕偛澧藉ú瀛樸亜閵忊剝绀嬮柡浣瑰姍瀹曞崬鈻庡Ο鎭嶆氨绱撻崒娆掑厡闁稿鎹囧畷鏇㈠礃閸愬瞼绱伴梺璺ㄥ枔婵挳鎷戦悢鍏肩叆婵犻潧妫Σ鍛娿亜椤愩垺鍤囬柡灞界Ч楠炲棝鎮ч崼鈧偓鎰磽閸屾氨孝闁挎洦浜悰顕€宕橀鑲╊唶闁圭厧鐡ㄧ粙鎴炵濠靛鈷戦柛娑橈工婵偓闂佸搫鎳忕换鍫濈暦閵忥紕顩烽悗锝庡亐閹锋椽鎮峰⿰鍛暭閻㈩垱甯楃粋宥嗗鐎涙ḿ鍘遍梺瑙勫劤椤曨參骞婇崶顭戞闁绘劖褰冮弳鐐电磼濡ゅ啫鏋涢柛鈹惧亾濡炪倖甯掔€氼剟鎷戦悢鍏肩叆婵犻潧妫Σ鍝ョ磼閻樺啿鈻曢柡宀€鍠栭獮鏍敇閻愬吀鐢婚梻浣芥〃缁舵氨绮婚弽褜娼栨繛宸簼椤ュ牊绻涢幋鐐垫噭闁诡喗鐟╅弻锝嗘償閵忕姴姣堥梺鎼炲妼绾绢參宕氶幒鏃€瀚氭繛鏉戭儐椤秹姊洪棃娑氱濠殿喚鍏橀、娆撳箳濡や讲鎷洪梺闈╁瘜閸樻悂骞忛敓鐘崇厱婵☆垰婀遍惌娆撴煛娴ｈ宕屽┑锛勫厴閸╋繝宕掑Δ浣割伜婵犵數鍋犻幓顏嗙礊閳ь剚銇勯銏╂█濠碉紕鏁婚幃銏ゅ礂閼测晛骞堟繝纰樻閸ㄨ鲸绂嶆禒瀣；闁靛繈鍊栭悡娆愩亜閺傝濡兼繛灞傚€楃划缁樼節濮橆厼浠梺鎼炲労娴滄粓鎷曟總鍛婄厵闁兼亽鍎茬粈瀣煙椤旂瓔娈滈柣娑卞櫍瀹曞綊顢欓悡搴經濠碉紕鍋戦崐褏鈧潧鐭傚畷瑙勬綇閳规儳浜鹃梻鍫熺◤閸嬨垽鏌熼瑙勬珖缂佽鲸甯掕灒闁绘挸楠哥粻鐐烘⒒閸屾瑧顦﹂柟纰卞亜鐓ら柕蹇嬪€曠粈澶愭倶閻愰潧浜炬繛鍛У閵囧嫰寮崒娑欑彧缂備胶濞€缁犳牠寮诲☉妯锋闁告鍋樼花濠氭⒑闁偛鑻晶顖滅磼鐠囨彃鈧潡鏁愰悙鍓佺杸闁瑰彞鐒﹀浠嬨€侀弮鍫濈妞ゆ挆鍐╂殽闂傚倸鍊风粈渚€宕ョ€ｎ偆顩插ù鐘差儏绾惧潡鏌＄仦璇插姎婵鐓￠弻锝呂熼懡銈冨仦闂佽　鍋撳ù鐘差儐閻撳啴鏌﹀Ο渚Ч妞ゃ儲绮岄湁婵犲﹤瀚惌鎺楁煛鐏炲墽娲撮柟顔哄灲瀹曘劍绻濋崒姘暘闂傚倷鑳剁划顖涚瑹濡ゅ懎闂柨婵嗘噽閺嗭附鎱ㄥ璇蹭壕婵犵鈧櫕鍟為柟顖涙婵偓闁宠棄妫欓ˉ鍫ユ煟鎼淬値娼愭繛鎻掔箻瀹曟繈骞嬮敂琛″亾娴ｇ硶鏋庨柟鐐綑濞堢喖姊洪棃娑崇础闁告劦浜跺Σ顕€姊婚崒姘偓鎼佸磹閻戣姤鍤勯柛顐ｆ磸閳ь兛鐒︾换婵嬪炊瑜忛敍娑㈡⒑瑜版帒浜伴柛鐘愁殜瀹曟垵顫滈埀顒勫蓟閺囩喎绶為柛鈩兩戦悵鏃堟⒑缂佹ê绗掗柣蹇斿哺婵＄敻宕熼姘鳖唺闂佺懓鐡ㄧ换鍐ㄢ枔椤撱垺鈷戞慨鐟版搐婵¤姤淇婇悙鎵煓鐎殿喖顭烽崺鍕礃閳轰緡鈧捇姊洪棃鈺佺槣闁告ê銈搁敐鐐额槾缂佽鲸鎸婚幏鍛存惞閻熸壆顐肩紓鍌欐祰椤曆囧磹閸ф鏄ラ柕蹇嬪€曠粻濠氭偣閸ャ劌绲婚柣搴幖椤啴濡堕崱妯锋嫽闂佸搫鎷嬮崑澶愬Φ閹扮増鍤戞い鎺戝€婚敍婵嬫⒑缁嬫寧婀伴柣鐔濆洤绀夌€广儱顦伴悡鐔兼煙閸喖顏痪鎹愭硶缁辨帡顢欑喊杈╁悑閻庢鍠曠划娆撱€佸鈧幃娆戔偓鐢电《閸嬫捇顢楅崟顑芥嫼闂佸憡绋戦敃銈嗘叏閿曞倹鐓曢柣妯虹－婢х敻鏌ㄥ┑鍫濅槐鐎规洏鍔庨埀顒佺⊕宀ｅ潡宕㈤挊澶嗘斀闁绘劕寮堕ˉ婊堟煠濞茶鐏＄紒鍌氱Ч楠炲棜顦柡鈧禒瀣厽闁归偊鍘肩徊濠氭煙椤旇棄鐏撮柡宀嬬到铻栧〒姘处閻ｅジ姊洪悷鎵暛闁搞劌缍婇崺銉﹀緞婵犲孩寤洪梺绯曞墲椤ㄥ棗鈻嶆繝鍐х箚闁绘劦浜滈埀顒佺墪铻炲ù锝呮憸閺嗭箓鏌ｉ姀鈶跺湱绮堥崟顓熷枑闁绘鐗嗙粭姘舵煃闁垮鐏╃紒杈ㄥ笧閳ь剨缍嗘禍婊堟儍閿熺姵鐓曢柡鍐ㄥ€搁弸娑㈡煛鐏炲墽顬肩紒鐘崇洴瀵噣骞橀崗澶婁壕閻犳亽鍔夐崑鎾斥枔閸喗鐏堝銈庡幘閸忔ê顕ｉ锕€绀冩い鏃囧亹閸旓箑顪冮妶鍡楃瑨闁哥喓澧楃粋宥夋寠婢跺棙鏂€闂佺粯鍔曢悺銊т焊娴煎瓨鐓曢柟瀛樼箘缁夎櫣鈧娲濋～澶娽缚韫囨稑鐓涢柛鎰ㄦ櫅濞呮ê鈹戦悩鍨毄濠殿喚鍏樺顐﹀川婵犲啫寮块梺姹囧灩婢瑰﹪寮繝鍥ㄧ厸鐎广儱楠搁獮鏍⒒閸屻倕鐏￠柕鍥у瀵粙濡歌閻撳倹绻涢幋鐐村碍缂佸缍婂濠氭偄閸忕厧鈧攱銇勯幒鍡椾壕婵犫拃灞界仭缂佺粯鐩畷妤呮嚃閳轰讲鎷伴梻浣告惈閻瑩宕卞▎鎴炴緫闂備胶鎳撴晶浠嬎夐幇顔藉厹闁逞屽墴濮婄粯鎷呯憴鍕╀户闂佸憡眉缁瑩骞冮悜钘夌厸闁告侗鍘鹃悾娲偡濠婂懎顣奸悽顖涘笧缁骞掑Δ浣哄幍闂佺粯鍨堕敋闁诲繈鍎查妵鍕敆閳ь剟鎮ч幘鎰佹綎婵炲樊浜滃婵嗏攽閻樻彃顏柣锝呮惈閳规垿鏁嶉崟顐″摋濠碘槅鍋勭€氫即鏁愰悙鍓佺杸闁瑰彞鐒﹀浠嬨€侀弮鍫濈妞ゅ繐妫涢崐鐐烘⒒閸屾瑧顦﹂柟娴嬧偓瓒佹椽鏁冮崒姘鳖槶濠电偛妫楃换鍡涘几瀹ュ鐓忛柛顐ｇ箖瀹告繄鐥幑鎰棄闁靛棙甯掗～婵嬵敆娴ｈ鍊烽梻浣告惈椤戝棛绮欓幒鏃€宕叉繛鎴炲焹閸嬫捇鎮介惂璇茬秺瀹曘垻鈧數纭堕崑鎾舵喆閸曨剛顦ㄩ悗鍏夊亾闁归棿鑳跺畵渚€鏌熼悜姗嗘當缂佺媴缍侀弻锟犲礃閿濆懍澹曢梻浣筋嚙妤犳悂鈥﹀畡閭︽綎濡わ箒锟ユ禍褰掓煙閻戞ê鐏ｉ柛鐘诧躬濮婃椽宕妷銉愶絿鈧厜鍋撻柟闂寸缁犳艾銆掑锝呬壕閻庤娲栭妶鍛婁繆閻戣姤鏅滈悷娆忓椤忓綊姊婚崒娆掑厡妞ゃ垹锕畷鎴﹀箛閺夎法锛涘┑鐐村灟閸ㄥ湱绮堟径鎰厓鐟滄粓宕滈悢濂夋綎婵炲樊浜滃婵嗏攽閻樻彃鈧瓕顤傛繝鐢靛仜閻°劎鍒掓惔銊ョ；婵炴垯鍨洪崑鈺冣偓鐟板閸ｆ潙煤椤忓秵鏅滈梺鍛婁緱娴滄繄鈧矮绮欏缁樻媴閸涢潧缍婂鐢割敆閸曨剙浠梺闈浥堥弲娑氱矆閸屾壕鍋撻崗澶婁壕闂佸憡娲﹂崑鍕吹閹存繍娓婚柕鍫濇噽缁犱即鏌ｅΔ鈧敃顏堝箖閳ユ枼妲堥柕蹇ョ磿閸樺崬顪冮妶鍡楀Е闁稿瀚粋宥呪堪閸愬墽鍞甸悷婊冪焸瀹曪繝骞庨挊澶庢憰闂佺粯妫侀崑鎰暤娓氣偓閺屾盯鈥﹂幋婵囩亾婵炲鍘ч悧鎾诲箖濡ゅ啯鍠嗛柛鏇ㄥ墰椤︺劑鏌ｉ姀鈺佺伈缂佺粯绻堥悰顕€宕橀妸銏＄€婚梺瑙勫劤绾绢厽顨ラ崶顒佲拺闁荤喐澹嗛幗鐘电磼鐠囨彃鈧儻妫㈡繝銏ｅ煐閸旀牠鍩涢幒妤佺厱閻忕偛澧介幊鍛亜閿旇偐鐣甸柡宀€鍠撻幏鐘侯槾缁炬儳娼￠弻鐔肩嵁閸喚浼堥悗瑙勬礃鐢帡鍩為崘顔肩畾鐟滃本绔熼弴鐐╂斀妞ゆ棁顫楀璺虹；闁瑰墽绮悡鏇㈡煏婢跺鐏ラ柟鍐查叄楠炴鈧綆鍠楅埛鎺懨归敐鍤藉綊骞冮幋婢濈懓饪伴埀顒傚垝濞嗗繒鏆﹂柡鍥ュ焺閺佸秵绻涢幋鐐插毈婵炶尙枪閳规垿鎮╃拠褍浼愰梺缁橆殔閿曨亪骞冮垾鏂ユ闁靛骏绱曢崢閬嶆⒑闂堟侗妲堕柛銊ユ惈閳诲秹宕ㄩ鐓庣秺閹亪宕ㄩ婊勬闂備礁鎼張顒勬儎椤栫偛鏋侀柟鐗堟緲瀹告繃銇勯弮鍥ㄧ《妞ゃ垹鎳樺缁樼瑹閳ь剟鍩€椤掑倸浠滈柤娲诲灡閺呭爼顢涘☉鏍︾盎闂佸搫鍟犻崑鎾绘煟濡ゅ啫孝闁伙絿鍏橀獮搴ｇ驳鐎ｎ偅娅旈梻渚€鈧偛鑻晶顕€鏌ｉ敐鍥у幋妤犵偛閰ｉ幊鐐哄Ψ閿旂晫褰告繝鐢靛О閸ㄧ厧鈻斿☉銏℃櫇闁靛ň鏅涚粻娲煛閸モ晛浜归柡鈧禒瀣厽闁归偊鍘界紞鎴︽煟韫囨洖鏋涢柡灞剧洴婵℃悂濡疯妤旈梻浣筋嚃閸犳帡鍩€椤掍礁澧繛绗哄姂閺屽秷顧侀柛鎾跺枎椤曪絾绻濆顓炰簻缂佺偓濯芥ご鎼佸疾椤掑嫭鈷戠紒顖涙礀婢у弶銇勯妸銉﹀殗闁糕斁鍋撳銈嗗笂閻掞箓宕愰幇鐗堝癄闁绘柨鎲￠崣蹇旀叏濡も偓濡鐛Ο鑲╃＜闁抽敮鍋撻柛瀣尵缁辨挻鎷呴崫鍕濠电姰鍨洪敃銏ｆ闁哄鐗冮弲娑⑺夊鑸电厱鐟滃酣銆冮崱娑欏亗闁哄洢鍨洪崐鐢告煥濠靛棝顎楀ù婊勭矒閺岋綀绠涢幙鍐ㄦ闂侀€炲苯澧叉い顐㈩槸鐓ゆ慨妞诲亾鐎规洘绻傞埢搴ょ疀閿濆懏顓垮┑鐐差嚟婵挳顢栭幇鏉挎瀬闁告劦鍠楅悡銉︾節闂堟稒顥炴い銉у仦閵囧嫰寮幐搴℃灎濠殿喖锕︾划顖炲箯閸涙潙宸濆┑鐘叉噽椤㈠懘姊绘担鍛靛湱鑺卞ú顏勭９婵犻潧顑呰繚闂佸憡鍔﹂崰鏍嵁閵忥紕绠鹃柟瀵稿亶缂傛岸鏌＄仦鐔峰暊閺€浠嬫煟濡偐甯涙繛鎳峰嫨浜滈柟瀛樼箖椤ャ垽鏌熼娆嶅€楅悿鈧梺鐟扮仢閸熶即宕悽鍛婄厽闁绘ê寮剁粈宀勬煃瑜滈崜娆戝椤撶喓顩锋慨妯垮煐閳锋垹绱掔€ｎ偒鍎ラ柛搴㈠姍閺岀喖鎮烽悧鍫濇灎閻庢鍠涢褔鍩ユ径濠庢僵闁挎繂鎳嶆竟鏇㈡⒑閹稿海绠撳Δ鐘叉啞缁傚秴鈹戠€ｎ偄鈧爼鐓崶椋庡埌妤犵偞顨婇弻鏇㈠炊瑜嶉顓熴亜閵忊剝绀嬮柡浣瑰姍瀹曞爼鍩￠崘鈺傜钒闂傚倸鍊峰ù鍥敋閺嶎厼绐楁俊銈呮噺閸嬶繝鏌嶉崫鍕櫡闁逞屽厸缁€浣界亙闂佸憡渚楅崢楣冨礉閿曗偓椤啴濡堕崱妤冪懆闁诲孩姘ㄩ崗妯侯嚕椤愶箑纾奸柣鎰嚟閸欏棝姊虹紒妯荤闁稿﹤婀遍埀顒佺啲閹凤拷 */
.progress-icon-1 { left: 20%; top: 0; }
.progress-icon-2 { left: 40%; top: 0; }
.progress-icon-3 {left: 60%;top: 0px;}
.progress-icon-4 { left: 80%; top: 0; }

.active-progress .el-progress-bar__inner {
    background: #548e54;
}

.invite-input {
    background: none;
    width: 600px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    border: none;
    color: #333;
}
.invite-input:focus-visible {
    border: none;
}
.task-list {
    margin: 31px 0;
    font-size: 22px;
    padding-top: 260px;
}

.task-status {
    width: 100px;
    /* text-align: right; */
}

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

.task-status a {
    color: red;
}

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

.task-item {
    line-height: 58px;
    justify-content: space-between;
}


.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;
}
.prize-count.point-icon {
    position: absolute;
    right: 101px;
    top: 203px;
}

.draw-box {
    margin: 0 auto;
    padding-top: 253px;
    position: relative;
}

.draw-list {display: grid;grid-template-columns: repeat(4, 230px);grid-template-rows: repeat(4, 200px);gap: 30px 53px;}

.draw-item {
    font-size: 12px;
    transition: all 0.3s ease;
    background: url(b-9.png) no-repeat;
}
.draw-item:nth-child(6) {
    background: url(b-10.png) no-repeat;
    grid-column: 2 / span 1;
  grid-row: 2 / span 2;
}
.draw-item:nth-child(7) {
    background: url(b-10.png) no-repeat;
    grid-column: 3 / span 1;
  grid-row: 2 / span 2;
}

.draw-item img {
    position: relative;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
}

.draw-item .draw-gift-text {
    position: absolute;
    width: 100%;
    bottom: 6px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.draw-item.active {
    transform: scale(1.1);
    background: url(b-9.png);
}
.draw-item.active:nth-child(6) {
    background: url(b-10.png);
}

.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) translate(-50%, -50%);
    }

    50% {
        transform: rotate(1deg) translate(-50%, -50%);
    }
}

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

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

.draw-controls {
    text-align: center;
    position: absolute;
    top: 1120px;
    width: 100%;
}

.draw-controls .draw-btn {
    width: 308px;
    height: 90px;
    cursor: pointer;
    position: absolute;
    top: 228px;
    left: 799px;
}

.draw-controls .btn-box {}

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

.draw-btn.draw-1 {
    left: 77px;
    top: 245px;
    background: url(btn-b-7.png) no-repeat;
}
.draw-btn.draw-1 span {
     line-height: 76px;
     color: #fff;
     font-size: 28px;
     font-weight: bold;
     background: linear-gradient(180deg, #ffffff 0%,  #fff9aa 100%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
}
.draw-btn.draw-1.dan {
    background: url(btn-b-8.png) no-repeat;
}
.draw-btn.draw-10 {
    top: 227px;
    left: 460px;
}

.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%);
    border-radius: 30px;
    padding: 4px 20px;
    bottom: -184px;
    font-size: 22px;
    color: #1d7800;
}
.draw-count > span {
    margin-left: 62px;
}
.floor-gift {
    position: relative;
    margin-top: 312px;
    padding: 0 63px;
}

.floor-zhanbi {
    position: absolute;
    right: 65px;
    top: -56px;
    font-size: 20px;
}

.score-list {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 58px;
    margin-right: -80px;
    margin-left: 0px;
}

.score-list .score-item {
    background: url('./b-5.png') no-repeat;
    width: 233px;
    height: 201px;
    color: #1d7800;
    margin-right: 53px;
    margin-bottom: 55px;
}

.score-list .score-item .score-count {
    font-size: 30px;
    margin-top: 29px;
    background: linear-gradient(0deg, #fff4e9 0%,  #ffe252 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.score-list .score-item .money-count {
    font-size: 18px;
    margin-top: 17px;
}

.score-list .score-item .exchange-btn {
    background: url('./btn-b-6.png') no-repeat;
    width: 141px;
    height: 50px;
    margin: auto;
    margin-top: 16px;
    cursor: pointer;
}

.score-list .score-item.succ .exchange-btn {
    background: url('./btn-b-5.png') no-repeat;
}

.score-list .score-item.lock {
    filter: brightness(80%);
}

.score-list .score-item.lock .exchange-btn {
    background: url('./btn-b-6-1.png') no-repeat;
    cursor: not-allowed;
}

.recharge-score {
    padding-top: 139px;
    text-align: center;
    color: #1d7800;
    position: relative;
    margin-top: 100px;
}

.recharge-score .tips {
    font-size: 20px;
}

.now-money {
    background: #fef9d1;
    width: 370px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    margin-top: 57px;
    font-size: 20px;
    border-radius: 20px;
}

.now-money .tips-box-count {
    color: red;
}

.prize-box {
    position: relative;
    padding-top: 188px;
    height: 1097px;
    margin-top: 358px;
}

.prize-list {
    flex-wrap: wrap;
    margin-top: 38px;
    height: 475px;
    margin-right: -50px;
}

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


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

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

.prize-gift-item-title {
    text-align: center;
    position: absolute;
    top: 130px;
    bottom: 24px;
    height: 34px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
}

.prize-gift-item img {
    width: 138px;
    display: block;
}

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

.btn-item-title {
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    height: 34px;
    margin: auto;
    border-radius: 17px;
    line-height: 34px;
    font-size: 18px;
    margin-top: 0px;
}

.btn-item-title a {
    color: #ff1500;
    font-weight: bold;
}

.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: 17px;
    padding: 1px;
}
.prize-item .shadow-item h4 {
        font-size: 16px;
        margin: 5px;
}
.prize-item .shadow-item div {
    font-size: 14px;
    font-weight: bold;
}
.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: #448e47;
    color: #fff;
}

.pagina-item.active {
    background: #ffe562;
    color: #8d2427;
}

.everyday-font {
    position: relative;
    padding-top: 217px;
    margin-top: 80px;
}

.everyday-font-tips {
    position: absolute;
    right: -6px;
    top: 197px;
    width: 200px;
    height: 50px;
}

.list-btn {
    background: url(./btn-b-11.png) center no-repeat;
    width: 155px;
    height: 38px;
    line-height: 43px;
    display: block;
    margin: 30px auto 0;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.list-btn.succ {
    background: url(./btn-b-10.png) no-repeat;
}

.list-btn.disa {
    background: url(./a6-2-btn.png) no-repeat;
}

.list-btn.small {
    display: inline-block;
    margin: 0;
    width: 120px;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
}

.everyday-font .font-list {
    margin-top: 127px;
    color: #ff0000;
    font-size: 28px;
    width: 583px;
    margin-left: 345px;
}

.everyday-font .everyday-font-btns .list-btn {
    margin: 0 25px;
}

.exchange-rules {
    margin-top: 24px;
    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('./b-7.png') no-repeat;
    width: 182px;
    height: 527px;
    z-index: 1001;
    color: #428d47;
    padding: 26px 23px 37px;
}

.fixed-box .fixed-item {
    line-height: 43px;
    height: 43px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    width: 132px;
    margin-bottom: 20px;
    background: url('./btn-b-14.png') no-repeat;
}

.fixed-box .fixed-item:hover, .fixed-box .fixed-item.active {
    color: #00930a;
    background: url('./btn-b-15.png') no-repeat;
    font-weight: bold;
    color: #fff;
}

.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('./b-11.png');
    padding: 30px 40px;
    border-radius: 8px;
    min-width: 400px;
}

.btn {
    color: #fff;
    font-size: 18px;
}

.btn.middle {
    background: url(./btn-bg.png) no-repeat;
    width: 133px;
    height: 43px;
    line-height: 42px;
}

.invite-recharge-state {
    display: inline-block;
    width: 120px;
    height: 32px;
    margin-top: 9px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    background: url(./btn-b-3.png) no-repeat;
}

.invite-recharge-state.active {
    background: url(./btn-b-2.png) no-repeat;
}

.invite-form {
    margin-bottom: 20px;
    position: relative;
    top: -1px;
}

.invite-form .btn {
    margin-left: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff;
    opacity: 0;
}

.invite-list {
    margin-top: 172px;
    height: 200px;
    color: #3b7d64;
    padding: 0 17px;
}

.invite-list table {
    width: 100%;
    text-align: center;
}

.invite-list table tr {
    line-height: 30px;
}

.share-box {
    margin-top: 0;
}

.close-btn {
    position: absolute;
    right: 1px;
    top: 8px;
    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 8px;
    cursor: pointer;
    color: #00931c;
    font-size: 24px;
    margin-right: 28px;
}

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

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

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

.login-input {
    flex: 1;
    height: 40px;
    border-radius: 4px;
    padding: 8px 12px;
    border: 1px solid #a7d0af;
}
.login-input:focus {
    border-color: #5a9460;
    outline: none;
}
.login-btn {
    background: url('./btn-b-12.png') no-repeat;
    width: 239px;
    height: 62px;
    border: none;
    cursor: pointer;
    display: block;
    margin: 30px auto;
}

.sms-btn {
    position: absolute;
    top: 0px;
    right: -46px;
    width: 35%;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
    color: red;
    font-size: 16px;
}

.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: 30px;
    color: #00930a;
}

.address-form {
    display: flex;
    flex-direction: column;
    margin-top: 41px;
}
.address-form .login-btn {
    background: url(btn-b-13.png) no-repeat;
}
.form-item {
    margin-bottom: 20px;
    display: flex;
}

.input-label {
    position: relative;
    display: flex;
    align-self: center;
    width: 104px;
    color: #50986e;
    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: 886px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 245px;
}

.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 151px;
}

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

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

.form-label>span {
    width: 68px;
    text-align: center;
    color: #00931c;
    font-size: 17px;
}

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

.dialog table {
    width: 100%;
}

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

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

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

.dialog-content {
    overflow-y: auto;
    height: 308px;
    color: #1d7800;
    font-size: 16px;
}

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


.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: 146px;
    height: 50px;
    top: 8px;
    right: -69px;
    cursor: pointer;
}

.recharge-dialog-btn {
    position: absolute;
    width: 200px;
    height: 59px;
    top: 24px;
    right: -61px;
    cursor: pointer;
}

.box-btn {
    width: 100%;
    height: 61px;
    cursor: pointer;
}

.invite-top-tips {
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
    width: 899px;
    margin: 0 auto 158px;
}
.everyday-font-btns {
    padding: 0 72px;
}
.font-active {
    color: red;
}
.font-red {
    color: red;
}
.a-items {
    margin-top: 110px;
    position: relative;
}
.a-item {
    background: url("./b-1.png") no-repeat;
    width: 180px;
    text-align: center;
}
.a-item-content {
    height: 126px;
    padding: 30px 18px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #1d7800;
}
.a-item-btn {
    background: url(./btn-b-1.png) no-repeat;
    width: 131px;
    height: 44px;
    line-height: 34px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    margin-top: 12px;
}
.a-item-btn.active {
    background: url(./btn-b-9.png) no-repeat;
    color: #fff;
}
.a-item-btn.had {
    background: url(./btn-b-9.png) no-repeat;
    color: #fff;
}
.crazy-box {
    position: relative;
    height: 716px;
    margin-top: 13px;
    padding: 0;
    margin: 23px 20px 0;
}
.crazy-item {
    width: 108px;
    height: 160px;
    background: url("./crazy-1.png") no-repeat;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    transition: transform 0.4s;
}
.crazy-item:nth-child(1) {
    position: absolute;
    top: 0px;
    left: 0px;
}
.crazy-item:nth-child(2) {
    position: absolute;
    top: 0;
    left: 150px;
}
.crazy-item:nth-child(3) {
    position: absolute;
    top: 0;
    right: 150px;
}.crazy-item:nth-child(4) {
    position: absolute;
    top: 0;
    right: 0px;
}.crazy-item:nth-child(5) {
    position: absolute;
    top: 160px;
    left: 0;
}.crazy-item:nth-child(6) {
    position: absolute;
    top: 160px;
    left: 150px;
}
.crazy-item:nth-child(7) {
    position: absolute;
    top: 160px;
    right: 150px;
}.crazy-item:nth-child(8) {
    position: absolute;
    top: 160px;
    right: 0;
}.crazy-item:nth-child(9) {
    position: absolute;
    top: 338px;
    left: 0;
}.crazy-item:nth-child(10) {
    position: absolute;
    top: 338px;
    left: 150px;
}.crazy-item:nth-child(11) {
    position: absolute;
    top: 338px;
    right: 150px;
}
.crazy-item:nth-child(12) {
    position: absolute;
    top: 338px;
    right: 0;
}
.crazy-item:nth-child(13) {
    position: absolute;
    top: 517px;
    left: 0px;
}
.crazy-item:nth-child(14) {
    position: absolute;
    top: 517px;
    left: 150px;
}
.crazy-item:nth-child(15) {
    position: absolute;
    top: 517px;
    right: 150px;
}
.crazy-item:nth-child(16) {
    position: absolute;
    top: 517px;
    right: 0px;
}
.crazy-item.gray_thanks_1, .gray_thanks_2, .gray_thanks_3 {
    background: url("./crazy-1.png")  no-repeat;
}
.crazy-item.yellow_1 {
    background: url("./crazy-2.png")  no-repeat;
}
.crazy-item.yellow_5 {
    background: url("./crazy-3.png")  no-repeat;
}
.crazy-item.yellow_10 {
    background: url("./crazy-4.png")  no-repeat;
}
.crazy-item.yellow_15 {
    background: url("./crazy-6.png")  no-repeat;
}
.crazy-item.yellow_20 {
    background: url("./crazy-7.png")  no-repeat;
}
.crazy-item.yellow_25 {
    background: url("./crazy-8.png")  no-repeat;
}
.crazy-item.yellow_30 {
    background: url("./crazy-9.png")  no-repeat;
}
.crazy-item.red_100 {
    background: url("./crazy-10.png")  no-repeat;
}
.crazy-item.coin_1 , .coin_2 {
    background: url("./crazy-13.png")  no-repeat;
}
.crazy-item.blue_jump {
    background: url("./crazy-5.png")  no-repeat;
}
.crazy-item.purple_prize_1 {
    background: url("./crazy-11.png")  no-repeat;
}
.crazy-item.purple_prize_2 {
    background: url("./crazy-12.png")  no-repeat;
}
.crazy-item.active {
    transform: scale(1.2);
}
.crazy-control {
    padding-top: 0;
    text-align: center;
    position: relative;
    color: #1d7800;
    margin-top: 26px;
    top: -116px;
}
.crazy-tips>span {
    margin-left: 86px;
}
.crazy-btn {
    position: absolute;
    top: -105px;
    left: 404px;
    width: 280px;
    height: 89px;
    cursor: pointer;
    margin: auto;
    background: url(./btn-b-4.png) no-repeat;
}
.crazy-btns {
    position: absolute;
    top: 174px;
    left: 286px;
    text-align: center;
}
.crazy-top-btn {
        display: inline-block;
    width: 200px;
    height: 50px;
    cursor: pointer;
}
.point-icon,.game-icon,.quan-icon,.date-icon {
    position: relative;
}
.point-icon::after, .game-icon::after, .quan-icon::after, .date-icon::after {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    top: -3px;
    left: -50px;
}
.point-icon.l::after {
    background: url(./icon-4.png) no-repeat;
}
.point-icon::after {
    background: url(./icon-1.png) no-repeat;
}
.game-icon::after {
    background: url(./icon-2.png) no-repeat;
}
.quan-icon::after {
    background: url(./icon-5.png) no-repeat;
}
.date-icon::after {
    background: url(./icon-3.png) no-repeat;
}
.game-icon.l::after {
    background: url(./icon-7.png) no-repeat;
}
.draw-count .text-yellow {
    color: red;
}
.a-tips {
    position: absolute;
    top: -85px;
    right: 0;
    font-size: 26px;
    color: #1d7800;
    font-weight: bold;
}
.a-item.gray {
    filter: grayscale(100%);
}
.overlay-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 300px;
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.8) 60%, 
        rgba(255, 255, 255, 1) 100%);
    z-index: 2;
    text-align: center;
    line-height: 353px;
    font-size: 20px;
    font-weight: bold;
    color: red;
}
.login-dialog .other_login {
    text-align: center;
}
.login-dialog .other_login a {
    display: inline-block;
    margin: 0 8px;
    width: 37px;
    height: 37px;
}
.login-dialog .other_login .qq {
    background: url(//static-1.602.com/602/v3/active/icon-qq.png) no-repeat 0 0;
}

.login-dialog .other_login .wx {
    background: url(//static-1.602.com/602/v3/active/icon-wx.png) no-repeat 0 0;
}

.login-dialog .other_login .xr {
    background: url(//static-1.602.com/602/v3/active/icon-wb.png) no-repeat 0 0;
}
.a-items.fb {
    justify-content: space-between;
}