/* rcy 通用样式文件 */
* {
    padding: 0;
    margin: 0;
    /* border: 1px solid red; */
}

/* body 样式
    - insert date: 8-25 20:23 */
body{
    background-color: rgba(246, 247, 248, 1);
}

/* top 标题
    - update date: 8-25 20:23 */
.top_title{
    position: fixed;
    top: 0px;
    width: 100%;
    /* padding-top: 5px; */
    /* padding: 5px 0px; */
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0px 1px #b9b9b9;
	display: flex;
	align-items: center;
	padding-left: 0.9em;
	padding-right: 0.9em;
}

.top_title_1{
    /* position: fixed; */
    top: 0px;
    width: 100%;
    /* padding-top: 5px; */
    padding: 5px 0px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0px 1px #b9b9b9;
}

/* .content_menus{
    position: fixed;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0px 1px #b9b9b9;
}

.content_menus::after{
    display: block;
    content: "";
    clear: both;
} */

/* 标题及返回按钮 */
.title_lt, .title_rt, .title_style{
    display: block;
    text-align: center;
    /* font-size: 1em; */
    font-size: 1.3em;
    color:rgba(14, 13, 13, 1);
    
}

.title_lt{
    width: 50px;
    float: left;
}

.title_rt{
    width: 100%;
    padding-right: 50px;
	font-size: 1.428571em;
	color: #333333;
	/* font-family: "PingFang-SC-Bold"; */

}
.fz-15{
	font-size: 1.071428em !important;
}
.pd-20{
	padding: 20px !important;
}
.f-c{
	display: flex !important;
	align-items: center !important;
}
.title_rt span{
    position: absolute;
    right: 10px;
    display: inline-block;
}

/* 内容区块
    - update date: 8-25 20:23 */
#content {
    padding-top: 45px;
    padding-left: 0.7em;
    padding-right: 0.7em;
}

#content_zz {
    padding-top: 10px;
    padding-left: 0.7em;
    padding-right: 0.7em;
}

#content_top{
    padding-top: 45px;
}

.content_pu{
    padding-top:50px;
    padding-left: 0.9em;
    padding-right: 0.9em;
}

/* 内容顶部菜单
    - insert date: 8-26 2:34 */
.content_menus{
    position: fixed;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0px 1px #b9b9b9;
}

.content_menus::after{
    display: block;
    content: "";
    clear: both;
}

.content_menu{
    float: left;
    width: 50%;
}

.content_menu span{
    font-size: 1em;
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 10.5px 0px;
	font-family: 'PingFang-SC-Bold';
	font-weight: bold;
	font-size: 1.28em;
}

.content_menu .span_click{
    border-bottom: 3px solid #03ACFD;
	color: #03ACFD;
}

/* 进入标题内容 */
.content_title_tips{
    font-size: 0.5em;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}

/* 底部菜单
    - insert date: 8-25 20:23  */
#bottom_menu{
    position: fixed;
    bottom: 0%;
}

/* rcy 算力区块 */
.rounded_bor_cen{
    margin-top: 18px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    padding: 20px 15px;
}

.rounded_bor_cen_to{
    margin-top: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    padding: 12px 15px;
    /* padding-top: 10px; */
}

.assets_bor_content{
    padding-top: 18px;
    padding-bottom: 10px;
    position: relative;
}

.assets_bor_content .assets_bor_open{
    display: block;
    position: absolute;
    height: 25px;
    width: 25px;
    text-align: center;
    right: 0px;
    top: calc(50% - 10px);
}

.assets_bor_content .cen_text_value{
    margin-right: 10px;
    /* line-height: unset; */
}

.assets_bor_content .title_float{
    margin-bottom: 0px;
}

.rounded_bor_cen li,
.confirm_content_body li{
    height: 1.7em;
	margin-bottom: 8px;
	color: #666666;
	overflow: hidden;
}

/* 区块里的标题 */
.title_float{
    margin-bottom: 25px !important;
    height: 20px;
}

/* 区块里的标题在内容外时的样式 */
.margin_top_content{
    margin: 10px -2px;
}

/* 图块里的
    - insert date: 8-26 14:41 */
.title_range{
    height: auto !important;
}


/* 区块图片、标题、状态值 */
.cen_rounded_img, .cen_title_text, .cen_state_value, .cen_title_textWs{
    display: inline-block;
    height: 2em;
    width: 2em;
}

/* .cen_state_value_1{
    display: inline-block;
    height: 2em;
    width: 2em;
} */

.cen_rounded_img, .cen_rounded_img_block{
    float: left;
    height: 1.5em;
    width: 1.5em;
    border-radius: 100%;
    /* background-color: rgba(67, 194, 205, 1); */
}

.cen_rounded_img_block{
    border-radius: 3px;
}

.cen_title_text, .cen_title_textWs{
    width: calc(100% - 10.0em);
    height: 100%;
    text-align: left;
    padding-left: 0.5em;
    line-height: 1.3em;
    font-weight: bold;
    font-size: 1em;
}

.cen_title_textWs{
    width: calc(100% - 2em);
}

.text_black{
    color:rgb(0, 0, 0);
}

.text_bold_black{
    color:rgb(0, 0, 0);
    font-weight: bold;
}

.no_image_title{
    padding: 0px;
	font-size: 1.285714em;
	font-family: 'PingFang-SC-Bold';
	font-weight: bold;
	color: #333333;
	margin-bottom: 23px;
}

.cen_state_value,
.cen_text_value{
    float: right;
    width: 6em;
    height: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-size: 1em;
    color: rgba(67, 194, 205, 1);
    margin-top: 0.22em;
    background-color: rgba(236, 249, 250, 1);
}

.cen_state_value_1{
    float: right;
    width: 5.5em;
    height: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-size: 1em;
    color: rgba(67, 194, 205, 1);
    /* margin-top: 0.22em; */
    background-color: rgba(236, 249, 250, 1);
}

.cen_text_value{
    background-color: initial;
    color: rgba(0, 0, 0, 1);
    font-weight: bold;
}

.tips_state{
    /* font-size: 0.4em; */
    margin-top: 0px;
    margin-right: -15px;
    color: white;
    /* background-color: red; */
    width: 60px;
    line-height: 30px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
	background: linear-gradient(
	120deg, #FFA996 0%, #FF154A 100%);
	border-radius: 14px 0px 0px 14px;
	height: 30px;
}

/* rounded_bor_cen>li>lable 显示内容 */
.rounded_bor_cen .cen_lable{
    font-size: 1.071428em;
}

.cen_lable_tips{
	border: 1px solid #03ACFD;
	padding: 4px;
	border-radius: 7px;
	color: #03ACFD;
}

.rounded_bor_cen .cen_text,
.confirm_content_body .cen_text{
    font-size: 1em;
    float: right;
    height: 100%;
    color: rgba(0, 0, 0, 1);
}

.cen_content_content .cen_title_text{
    margin-left: 21px;
}
/* 
.cen_content_content_1{
    margin-left: 10px;
} */

.cen_text a{
    color: rgb(3, 172, 253);
}

input[type=number]{
    -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

/* 字体颜色 */
.cen_text_tips{
    color: #FB953B !important;
}

/* 滚动条百分比值 */
.cen_range_percentage{
    color: rgb(3, 172, 253) !important;
}

/* 滚动条 */
input[type=range]{
	-webkit-appearance: none;
	border-radius: 10px;
	background: linear-gradient(to right, rgba(40,216,231,1),rgba(67,147,236,1)) no-repeat rgba(245,245,245,1);
	background-size: 50% 100%;
	cursor: pointer;
	width: 100%;
}

input[type=range]:focus{
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track{
    height: 10px;
    border-radius: 10px;
    border: 1px solid rgba(246,247,248,1);
}

input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
    margin-top: -4.5px;
    background-color: rgba(0,0,0,1);
    border-radius: 50%;
    border: none;
    box-shadow: 0 .125em .125em #3b4547;
}

/* 悬浮确认窗
    - insert date: 8/26 21:07 */
#confirm_content,
.confirm_content{
    position: fixed;
    z-index: 99;
    top: 0px;
    background-color: rgba(0, 0, 0, .7);
    width: 100vw;
    height: 100vh;
    display: none;
}

.conetnt_uis{
    position: absolute;
    width: 100%;
}

.confirm_content_title{
    text-align: center;
    background-color: rgb(244, 247, 249);
    padding: 15px 0px;
    color: rgb(0, 0, 0);
    font-weight: 900;
    letter-spacing: 1px;
}

.confirm_content_body,
.confirm_content_bottom{
    padding: 0px 5px;
    padding-top: 5px;
    padding-bottom: 15px;
    background-color: rgba(255, 255, 255, 1);
	overflow: hidden;
}

.confirm_content_bottom div{
    display: inline-block;
    width: 49%;
    height: 40px;
}

.confirm_content_bottom .content_bottom_right{
    float: right;
    text-align: center;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 1em;
    color: rgba(255, 255, 255, 1);
    background-color: rgb(75, 186, 239);
    margin-top: 5px;
}

.user_money{
    display: block;
}

.confirm_content_body{
    padding: 10px 5px;
}

.confirm_content_hr{
    /* background-color: rgb(135, 135, 135); */
    margin-top: 7px;
    margin-bottom: 10px;
}

.cen_text .input_btn{
    display: inline-block;
    background-color:#03ACFD;
    width: 20px;
    height: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
	
}

.cen_text .input_text{
	width: 50px;
	text-align: center;
	margin: 0px 5px;
	border-radius: 5px;
	border: 1px solid #999999;
	height: 30px;
}

/* flex 区块 */
.flex_content{
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-radius: 5px;
    border-radius: 10px;
    padding: 8px 0px;
    padding-top: 10px;
}

.flex_between{
    justify-content: space-between;
}

.banner_block{
    background-image: url(../img/bg.png);
    height: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.flex_block{
    width: 25%;
    display: block;
    margin: 5px 10px;
    color: rgb(255, 255, 255);
    font-size: 1em;
    text-align: center;
}

















/* 以下为新 */
.cen_lable_a {
    font-size: 0.7em;
    color: rgba(67, 194, 205, 1) !important;
}

.cen_lable_out {
    font-size: 0.7em;
}

.title_float_title {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    font-size:  0.6em;
}

.rounded_bor_cen_div {
    width: 98.6%;
    background-color:#FBFDFE;
    margin-left: 0.7%;
    /* border: 1px slategrey solid; */
}

.cen_state_value_out {
    float: right;
    width: 9.4em;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    font-size: 0.7em;
    margin-top: 0.22em;
    background-color: rgba(236, 249, 250, 1) !important;
}

.cen_center {
    margin-left: 40%;
    font-size: 0.7em;
}

.cen_right_out {
    text-align: right;
}

.cen_center_out {
    text-align: center;
}

td {
    font-size: 0.7em;
}

/* 资产页 */

.strong_zc {
    color: rgba(0, 0, 0, 1);
}

.rounded_bor_cen_div_assets {
    width: 100%;
    height: 100%;
    background-image: url(../img/bg.png);
    background-size: 100%;
    border-radius: 5px;
}

.table_xia_border {
    border-bottom:darkgrey solid 0.01px;
}


.cen_lable_td {
    padding-left: 1.5em;
    color: #fff;
}

.cen_lable_td_fil {
    /* font-size: 3px; */
    padding-left: 0.7em;
    color: #fff;
}

.title_zc{
    display: block;
    width: 20%;
    padding-right: 4.1%;
    height: 2.4em;
    line-height: 2.4em;
    font-size: 0.7em;
    text-align: right;
    left: 80%;
    top: 0.5em;
    position: absolute;
}

.cen_zc_fh {
    float: right;
    padding-top: 0.5em;
}

.cen_text_xzc {
    font-size: 0.7em;
    float: right;
    padding-right: 1.5em;
    height: 100%;
    color: rgba(0, 0, 0, 1);
}

.cen_button, .cen_button_hz {
     border: 1px solid #fff;
     border-radius: 20px;
     height: 100%; 
     width: 85%;
     background-color: #fff;
}

.cen_button_hz{
    background-color: #03ACFD;
}

.cen_button_tx {
    width: 33.33%;
    text-align: center;
}

.cen_button_cz {
    width: 33.33%;
    text-align: center;
}

.cen_button_huazhuan {
    width: 33.33%;
    text-align: center;
}

.cen_right_out_td {
    text-align: right;
    padding-right: 2em;
    color: #fff;
}

.cen_center_out_td {
    text-align: center;
    color: #fff;
}

.cen_center_out_td_fil {
    text-align: left;
    color: #fff;
}

.cen_img, .cen_img_span_cz {
    width: 1.5em;
    height: 1.5em;
    display: inline;
}

.cen_img_span_cz {
    color: #03ACFD;
}

/* 3个按钮 */
.rounded_bor_cen_button {
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    width: 92.55%;
    /* display: inline; */
    /* background-color: rgba(255, 255, 255, 1); */
    /* padding: 0px 2px; */
    padding-top: 10px;
    position:fixed;
    bottom:0; 
}

/* rcy 算力区块 */
.rounded_bor_cen_2 {
    border-radius: 5px;
    /* margin-top: 10px; */
    border-radius: 10px;
    /* background-color: rgba(255, 255, 255, 1); */
    padding: 1px 1px;
    padding-top: 10px;
}

.cen_button_li {
    display: inline;
}

.rounded_bor_tr {
    width: 100%;
    height: 100%;
}



/* 我的 */
.rounded_bor_cen_home {
    background:#999; width:98%;padding-bottom: 10px;
}

.rounded_bor_cen_fil {
    background:#999; width:98%;
}

.content_home {
    padding-top: 5px;
    padding-left: 2%;
    /* padding-right: 1%; */
}

.rounded_bor_cen_div_home {
    width: 100%;
    height: 100%;
    background-image: url(../img/bg.png);
    background-size: 100%;
    border-radius: 5px;
}

.rounded_bor_cen_div_fil {
    width: 100%;
    height: 100%;
    background-image: url(../img/bg.png);
    background-size: 100%;
    border-radius: 5px;
}


.a_zc {
    border-bottom: 2px solid #03ACFD;color: #03ACFD;
}

.an_a {
    font-size: 0.7em;
    color: #FFFFFF;
    background: #03ACFD;
    border-radius: 8px;
}

.an_b {
    font-size: 0.7em;
    color:black;
    border-radius: 8px;
}

.td_a, .td_b, .td_c, .td_d {
    width:65%;height:30px;margin-top: 5px;border: 1px solid #999999;border-radius: 8px;
}

.td_a {
    background-color: #03ACFD;
    margin-left: 25%;
}

.td_b {
    margin-right: 35%;
}

.td_c {
    background-color: #03ACFD;
    margin-right: 35%;
}

.td_d {
    margin-left: 25%;
}

/* fil详细 */
.rounded_bor_cen_fil {
    border-radius: 5px;
    margin-top: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    padding: 12px 15px;
    padding-top: 6px;
}

.fil_tr {
    width: 50%;height: 24px;font-size: 0.6em;line-height: 10px;padding-left: 1.7em;
}



/* 消耗账户 */
/* Switch开关样式 */
input[type='checkbox'].switch {
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;
    transition: border-color .3s, background-color .3s;
}

input[type='checkbox'].switch::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0, 0, 2px, #999;
    transition: .4s;
    top: 2px;
    position: absolute;
    left: 2px;
}

input[type='checkbox'].switch:checked {
    background: rgb(19, 206, 102);
}

/* 当input[type=checkbox]被选中时：伪元素显示下面样式 位置发生变化 */
input[type='checkbox'].switch:checked::after {
    content: '';
    position: absolute;
    left: 55%;
    top: 2px;
}