.cont_loader {height:250px;}

.governance_wrap:after {display:block; content:''; clear:both;}
.governance_wrap ._hd {position:relative; height:200px; background:url('/images/bg/bg_governance.jpg')  0 50% no-repeat; background-size:cover; z-index:1;}
.governance_wrap ._hd:after {position:absolute; content:''; top:0; right:0; left:0; bottom:0; background-color:#000; opacity:40%;}
.governance_wrap ._hd p {position:relative; text-align:center; line-height:190px; font-size:45px; z-index:11;}
.governance_wrap ._bd {padding-top:50px; margin:0 auto; width:1200px;}
.governance_wrap ._bd .cont {padding:0 20px;}
.governance_wrap ._bd .cont .summary {margin-bottom:30px;}
.governance_wrap ._bd .cont .summary .tit {font-size:40px;}
.governance_wrap ._bd .cont .summary .tx {margin-top:10px; color:#627597;}
.item_list .list {display:flex; flex-wrap:wrap;}
.item_list .list .item {position:relative; flex:0 0 auto; padding:15px; width:33.3%; box-sizing:border-box;}
.item_list .list .item:hover {text-decoration:none;}
.item_list .list .inner {position:relative; display:block; height:320px; border-radius:5px; overflow:hidden; transition: all 0.2s linear; background-color:var(--bg-color-0); background-position:center 0; background-repeat:no-repeat;}
.item_list .list .inner img {position:absolute; top:0; width:100%;}
.item_list .list .inner:hover {transform:scale(1.05); background-color:var(--bg-color-1) !important;}
.item_list .list .info {position:absolute; bottom:0; padding:15px 15px 0 15px; width:100%; height:120px; box-sizing:border-box; background-color:#182032; z-index:1;}
.item_list .list .info dt {margin-bottom:5px; font-size:21px; font-weight:200;}
.item_list .list .info dd {margin-bottom:2px; font-size:15px; font-weight:normal; color:#627597;}
.item_list .list .item.close .inner:before {position:absolute; top:0; right:0; left:0; height:200px; content:''; background-color:#000; z-index:10; opacity:0.7}
.item_list .list .item.close .inner:after {position:absolute; top:100px; left:50%; content:'Closed'; margin-left:-90px; width:180px; height:50px; line-height:49px; text-align:center; font-size:30px; background-color:rgba(0,0,0,.3); backdrop-filter:blur(10px); z-index:11; color:#fff;}
.item_list .list .item.close .info {background-color:#0e1421;}
.item_list .list .item.close .info dt {color:#627597;}
.item_list .list .item .soon {line-height:320px; text-align:center; font-size:30px; color:var(--bg-color-0);}

.governance_view_wrap {position:relative; margin:100px auto 0 auto; padding:30px; width:1150px; border-radius:5px; /*border:1px solid rgba(255, 255, 255, 0.08);*/ background-color:var(--bg-color-1); }
.governance_view_wrap:after {display:block; content:''; clear:both;}
.governance_view_wrap .btn_back {display:block; position:absolute; top:-35px; left:5px; font-size:17px;}
.governance_view_wrap .btn_back i {margin-right:10px;}
.governance_info .left_column {float:left; padding:0 30px 30px 0; width:70%; min-height:400px; border-right:1px solid var(--bg-color-1); box-sizing:border-box;}
.governance_info .right_column {float:right; padding:0 0 30px 30px; width:30%; box-sizing:border-box;}
.governance_info .vote_detail .summary {margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid var(--bg-color-1);}
.governance_info .vote_detail .summary .sub {font-size:15px; color:#3771fe;}
.governance_info .vote_detail .summary .tit {font-size:35px;}
.governance_info .vote_detail .cont {line-height:25px;}
.governance_info .vote_detail .cont .op {margin-bottom:10px; font-size:20px;}
.governance_info .vote_detail .cont .center {text-align:center;}
.governance_info .vote_detail .cont .hr {margin:40px 0; height:1px; background-color:var(--bg-color-0);}
.governance_info .vote_detail .cont .c_d389f9 {color:#d389f9;}
.governance_info .vote_detail .cont table {width:100%; border-collapse:collapse; border-radius:5px; border-style:hidden; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.08); overflow:hidden;}
.governance_info .vote_detail .cont table tr {border-top:1px solid rgba(255, 255, 255, 0.05);}
.governance_info .vote_detail .cont table th {height:21px; line-height:21px; padding:5px 0; font-weight:100; background-color:var(--bg-color-1); color:#fff;}
.governance_info .vote_detail .cont table td {height:21px; padding:5px 0; text-align:center; background-color:var(--bg-color-2);}
.governance_info .vote_detail .cont table .left_border {border-left:1px solid rgba(255, 255, 255, 0.05);}
.governance_info .vote_detail .cont table .c_00bbc9 {color:#00bbc9;}
.governance_info .vote_detail .cont table .c_d389f9 {color:#d389f9;}
.governance_info .vote_detail .cont table .c_3771fe {color:#3771fe; background-color:rgba(55, 113, 254, 0.04);}
.governance_info .vote_detail .cont table .info {padding:15px 20px; text-align:left;}
.governance_info .form_vote {margin-bottom:30px;}
.governance_info .form_vote dt {margin-bottom:20px; font-size:17px;}
.governance_info .form_vote input {display:none;}
.governance_info .form_vote label {position:relative; display:block; margin-bottom:5px; padding-left:50px; height:50px; line-height:47px; border-radius:5px; border:1px solid var(--bg-color-1); background-color:var(--bg-color-1); box-sizing:border-box;}
.governance_info .form_vote label:before {position:absolute; top:0; left:15px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:400; content:"\f058"; font-size:21px; color:var(--bg-color-0);}
.governance_info .form_vote input:checked + label {border:1px solid #3771fe; color:#3771fe; background-color:var(--bg-color-2);}
.governance_info .form_vote input:checked + label:before {color:#3771fe;}
.governance_info .form_vote .btn_submit {margin-top:10px; width:100%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#627597; background-color:var(--bg-color-1); cursor:not-allowed;}
.governance_info .form_vote .btn_submit.on {background-color:#3771fe; color:#fff; cursor:pointer;}
.governance_info .vote_info {margin-bottom:30px;}
.governance_info .vote_info dt {margin-bottom:20px; font-size:17px;}
.governance_info .vote_info dd {padding:15px; border-radius:5px; background-color:var(--bg-color-1);}
.governance_info .vote_info dd:after {display:block; content:''; clear:both;}
.governance_info .vote_info span {height:31px; line-height:31px;}
.governance_info .vote_info .row {clear:both;}
.governance_info .vote_info .tit {float:left;}
.governance_info .vote_info .tx {float:right; color:#627597;}
.governance_info .result dt {margin-bottom:20px; font-size:17px;}
.governance_info .result dt:after {display:block; content:''; clear:both;}
.governance_info .result dt span {float:left;}
.governance_info .result dt a {float:right; text-decoration:underline; color:#3771fe;}
.governance_info .result dd {padding:15px; border-radius:5px; background-color:var(--bg-color-1);}
.governance_info .result .box {padding-right:40px;}
.governance_info .result .box:first-child {margin-bottom:20px;}
.governance_info .result .tit {display:block; margin-bottom:5px; height:15px; line-height:15px; font-size:12px;}
.governance_info .result .tit span {color:#627597;}
.governance_info .result .bar {position:relative; height:10px; border-radius:5px; background-color:var(--bg-color-1);}
.governance_info .result .tx {position:absolute; top:-3px; right:-40px; width:30px; height:16px; line-height:16px; font-size:12px; text-align:right;}
.governance_info .result .gauge {float:left; height:10px; border-radius:5px; background:#3771fe url('/images/bg_counting.png'); animation:gauge_ani .5s linear infinite; transition:width 0.5s ease-in-out .5s; overflow:hidden;}
@keyframes gauge_ani {from{background-position:15px 0} to{background-position:0 0}}
.governance_info .tip_column {clear:both; padding-top:30px; height:auto; border-top:1px solid var(--bg-color-1);}
.governance_info .tip_column dt {margin-bottom:20px; font-size:17px;}
.governance_info .tip_column dd {line-height:25px; color:#627597;}

.layer_view_votes ._box {top:0 !important;}
.layer_view_votes .inner {width:650px;}
.layer_view_votes .tit {margin-bottom:20px; font-size:25px; font-weight:300; text-align:left; color:#fff;}
.layer_view_votes .table_wrap {padding:0 20px 20px 20px; border:1px solid rgba(255, 255, 255, 0.05); border-radius:5px;}
.layer_view_votes .table {width:100%; border:none;}
.layer_view_votes .table thead tr {border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.layer_view_votes .table tr:nth-child(even) {border-bottom:none;}
.layer_view_votes .table tr:nth-child(even) td {background-color:rgba(255, 255, 255, 0.05);}
.layer_view_votes .table th {height:55px; font-weight:100; font-size:14px; color:#fff;}
.layer_view_votes .table td {height:55px; text-align:center; color:#627597;}
.layer_view_votes .history_none {width:100%; height:300px; border-bottom:1px solid rgba(255, 255, 255, 0.08); text-align:center; overflow:hidden;}
.layer_view_votes .history_none .icons {position:relative; width:200px; margin:50px auto 0 auto;}
.layer_view_votes .history_none .fa-folder {line-height:150px; font-size:130px; color:var(--bg-color-0); }
.layer_view_votes .history_none .fa-xmark {position:absolute; top:60px; left:0; right:0; font-size:50px; color:#627597;}
.layer_view_votes .history_none .tit {margin-bottom:10px; font-size:25px; text-align:center;}
.layer_view_votes .history_none .tip {font-size:17px; color:#627597;}
.layer_view_votes .history_none.border_none {border:none;}
.layer_view_votes .history_none.border_box {border:1px solid rgba(255, 255, 255, 0.08); border-radius:5px;}