@charset "utf-8";html,body,div,span,object,button,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('/upload/fonts/scoreboard/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Coiny-Cyrillic';
    src: url('/upload/fonts/scoreboard/Coiny-Cyrillic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
body {
    font-family: helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", simsun;
    font-size: 14px;
    line-height: 1.2;
    color: #595959;
    height: 100%;
    background-color: #F5EFE8;
    background-image: url("/upload/images/resource/main_top_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top left;
}

ul,li {
    list-style-type: none
}

a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
    line-height: inherit;
    position: initial !important;
}

html {
    background: #fff;
    font-family: 'PingFangSC','STHeiti','Microsoft YaHei','Helvetica','Arial',sans-serif;
    -webkit-text-size-adjust: none;
    word-break: break-word;
}

body {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh
}

body.utms-dingding #detailAd,body.utms-dingding #detailAd2 {
    display: none !important
}
.clear{
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
p {
    color: #333;
    line-height: 18px;
    border: none;
    outline: none;
    max-height: 100%
}


a:active,a:focus {
    outline: none
}

a:active,a:focus,a:visited {
    color: #000
}

a:hover {
    text-decoration: none;
    color: #70bebe;
}

.whiteBtn{
    background: #fff;
    color: #70bebe;
    font-size:14px;
    padding:10px 20px;
    border-radius: 10px;
    outline: 0;
    border:0;
    cursor: pointer;
}
.whiteBtn:visited {
    color: #70bebe;
}
.whiteBtn:hover {
    background: #f7f7f7;
    color: #70bebe;
}
.blueBtn{
    background: #70bebe;
    color: #fff;
    font-size:14px;
    padding:10px 20px;
    border-radius: 10px;
    outline: 0;
    border:0;
    cursor: pointer;
    display: inline-block;
}
.blueBtn:hover {
    background: #0476c1;
    color: #fff;
}
.blueBtn:visited {
    color: #fff;
}
.m-auto{
    margin:0 auto;
}
.ml-015{
    margin-left: 15%;
}
.ml-20{
    margin-left: 20px;
}
.ml-60{
    margin-left: 60px;
}
.mt-20{
    margin-top: 20px;
}
.mt-10{
    margin-top: 10px;
}
.h100vh{
    height: 100vh;
}
.clear{
    clear: both;
}
.no-display {
    display: none!important;
}
.red{
    color:#ed1f1f;
}
/*---App Style --- */
.no_borderbottom{
    border-bottom: 0!important;
}
.flex_display{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
}
.flex_display_center{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
    align-items:center;
}

/*---------------------------------------------------------------------------------*/

.inlineblock{
    display:inline-block;
    *zoom:1;
    *display: inline;
    _zoom:1;
    _display:inline;
}
.inlineblock_middle,.inlineblock_top,.inlineblock_bottom{
    display:inline-block;
    *zoom:1;
    *display: inline;
    _zoom:1;
    _display:inline;
    vertical-align: middle;
}
.inlineblock_top{
    vertical-align: top;
}
.inlineblock_bottom{
    vertical-align: bottom;
}
.cursor-not-allowed{
    cursor: not-allowed;
}
.newTipsRadius{
    background: #f60;
    height:10px;
    width: 10px;
    border-radius: 50%;
    margin-left: 6px;
}
.newTipsRadius.btn{
    background: #f60;
    height:10px;
    width: 10px;
    border-radius: 50%;
    position: fixed;
    z-index: 9998;
    top: 1rem;
    left: 2.4rem;
}
.wrapper {
    height: 100%;
    overflow: hidden;
}
.loginPage{
    text-align: center;
    padding:2rem;
}
.loginPage .loginLogo{
    display:block;
    width:10rem;
    margin: 4rem auto 2rem;
}
.loginPage .loginBtn{
    padding: 1rem;
    margin: 5rem auto 0;
    background: #2c9e9e;
    color: #fff;
    display: block;
    width: 10rem;
    border-radius: 10px;
}

.loading-dialog{
    position: fixed;
    left:0;
    right: 0;
    bottom: 0;
    top:0;
    margin: auto;
    background: rgba(0,0,0,0.6);
    color:#fff;
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 20px;
    z-index: 9999;
}
.loading-dialog .loading-dialog-wrapper{
    margin-top: 40px;
}
.loading-dialog .loading-dialog-wrapper img{
    width: 100px;
    height: 100px;
}

.header {
    transform: translateY(-80px);
    transition: transform 300ms;
    box-sizing: border-box;
    background: #fff;
    z-index: 3;
    height: 76px;
    width: 100%;
    box-shadow: 0 1px 10px rgba(151, 136, 136, 0.08);
}
.logo_left {
    position: absolute;
    left: 40px;
    top: 14px;
    height: 47px;
    width: 47px;
}
.logo_right {
    position: absolute;
    left: 62px;
    top: 22px;
    height: 55px;
    width: 156px;
}


.loginWarp{
    position: relative;
    width: 100%;
    min-height: 100%;
}
.loginWarp .loginBox{
    width: 90%;
    margin: auto;
    padding-top: 4rem;
}
.loginWarp .loginBoxCon{
    width: 100%;
    font-size: 16px;
    position: relative;
    box-sizing: content-box
}
.loginWarp .loginBoxForm{
    border-radius: 4px;
    background-color: #ffffff;
    padding: 0 25px;
}
.loginWarp .loginBoxFormLabel{
    text-align: center;
    font-size: 16px;
    padding: 30px 0 20px;
    border-bottom: 1px dashed #eee;
}
.loginWarp .loginBoxFormBody{
    padding: 20px 0 40px;
}
.loginWarp .loginBoxFormControl{
    position: relative;
    margin-bottom: 16px;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #e8e8e8;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.loginWarp .loginBoxFormControl input{
    font-size: 16px;
    line-height: 24px;
    height: 80%;
    padding-left: 20px;
    border: none;
    box-sizing: content-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-radius: 4px;
    outline: none
}
.loginWarp .loginBoxFormBtn{
    width: 100%;
    height: 50px;
    margin-top: 16px;
    background-color: #70bebe;
    border: none;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    zoom: 1;
    outline: none;
    box-shadow: none;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
}




.memberWrapper{
    position: relative;
    padding: 5rem 0 0;
}
.memberWrapper .memberHeader{
    background-color: #ffffff;
    height: 3.8rem;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.memberWrapper .sheadWrapper{
    margin: 0 auto;
    height: 100%;
    z-index: 100;
    width: 100%;
}
.memberWrapper .sheadLogo{
    color: #000;
    width: 20%;
    height: 3.8rem;
    line-height: 3.8rem;
    text-align: left;
}
.memberWrapper .sheadRight{
    width: 72%;
    text-align: right;
}
.memberWrapper .userPanel{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #555555;
    font-size: 14px;
}


.memberWrapper .userPanelInfoName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;

}
.memberWrapper .setpwdBtn{
    margin-right: 10px;
}
.memberWrapper .memberContent{
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.memberWrapper .memberGarrmenu{
    z-index: 1;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    position: absolute;
    color: #222222;
    width: 180px;
    margin-right: 20px;
    display: inline-block;
    font-size: 16px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
    top: 0px;
    padding: 10px;
}
.memberWrapper .memberGarrmenuItem{
    padding: 10px;
    font-size: 14px;
}
.memberWrapper .memberGarrmenuItem.active a{
    color: #70bebe;
}
.memberWrapper .memberGarrpanel{
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.memberWrapper .memberGarrCont{
    width: 100%;
    height: 100%;
}
.memberWrapper .memberGarrContBox{
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
    font-size: 14px;
    border-radius: 2px;
}
.memberWrapper .memberGarrContBoxHeader{
    padding: 20px;
}
.memberWrapper .memberGarrContBoxHeaderBtn{
    background: #70bebe;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    border-radius: 4px;
}
.memberGarrFormItem{
    margin:0 20px;
    padding: 10px 0 0;

}
.memberGarrFormItem.textareaItem{

}
.memberGarrFormItem .memberGarrFormLabel,.memberGarrFormRadioItem .memberGarrFormLabel{
    width: 26%;
    font-size: 14px;
    text-align: right;
}
.memberGarrFormItem .memberGarrFormInput{
    font-size: 14px;
    padding: 0.6rem 3%;
    width: 66%;
    border: 0;
    outline: none;
    border-bottom: 1px solid #eee;
}

.memberGarrFormItem .memberGarrFormTextarea{
    font-size: 14px;
    padding: 20px 2%;
    width: 96%;
    border: 0;
    outline: none;
    min-height: 10rem;
}

.memberGarrFormRadioItem{
    margin: 0 20px;
    padding: 20px 0 14px;
}
.memberGarrFormRadioCon{
    margin: 0 20px;
}


.memberGarrFormRadioItem .memberGarrFormRadioCol {
    margin: 0.5rem;
}
.memberGarrFormRadioItem .memberGarrFormRadioCol input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.memberGarrFormRadioItem .memberGarrFormRadioCol input[type="radio"] + .memberGarrFormRadioLabel:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.memberGarrFormRadioItem .memberGarrFormRadioCol input[type="radio"]:checked + .memberGarrFormRadioLabel:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}
.memberGarrFormRadioItem .memberGarrFormRadioCol input[type="radio"]:focus + .memberGarrFormRadioLabel:before {
    outline: none;
    border-color: #3197EE;
}
.memberGarrFormRadioItem .memberGarrFormRadioCol input[type="radio"]:disabled + .memberGarrFormRadioLabel:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.memberGarrFormRadioItem .memberGarrFormRadioCol input[type="radio"] + .memberGarrFormRadioLabel:empty:before {
    margin-right: 0;
}
.memberGarrFormRadioItem .memberGarrFormRadioLabel {
    margin-right: 20px;
}
.memberGarrFormRadioItem .memberGarrFormRadioObj{
    margin-right: 10px;
}


.memberGarrFormBtnLayout{
    padding: 1rem 0;
}
.memberGarrFormBtnLayout .memberGarrFormBtn{
    width: 80%;
    height: 2.6rem;
    margin: 0.2rem auto;
    display: block;
}

.memberGarrFormItem .UploadPreview{
    width:150px;
    height:150px;
    overflow: hidden;
}
.memberGarrFormItem .UploadPreview img{
    width:150px;
}

.memberGarrFormItem .UploadVideoPreview{
    width:300px;
    height:150px;
    overflow: hidden;
}
.memberGarrFormItem .UploadVideoPreview video{
    width:300px!important;
    width:150px;
}
.memberGarrFormItem .UploadAudioPreview{
    margin-left: 20px!important;
}
.memberGarrFormItem .UploadAudioPreview audio{

}



.bottomPage{
    padding: 20px;
    text-align: center;
}

.page-layout{
    font-size: 13px;
    text-align: center;
    margin-top: 2rem;;
}
.page-layout a{
    color: #1e1044;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    background-color: #fff;
    margin-left: 8px;
    margin-right: 8px;
}
.page-layout .current{
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2.8;
    color:#fff;
}


.noMore{
    text-align: center;
    color:#787878;
    font-size: 14px;
    padding-top:50px;
}




.popup{
    border: 1px solid #ddd;
    padding: 1rem 1.6rem;
    overflow: hidden;
    position: fixed;
    background-color: #fff;
    zoom: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 500px;
    right: 0;
    height: 300px;
    margin: auto;
    z-index:999;
    transition: 1s;
}
.popup .popupWrapper{

}
.popup .popupHeader {
    margin-bottom: 40px;
}
.popup .popupHeader .close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 24px 24px 10px 10px;
    z-index: 1;
}
.popup .popupHeader .close span {
    line-height: 1;
    font-size: 24px;
    color: #979797;
}
.popup .popupContent{
    height: 260px;
    overflow-y: scroll;
}
.popup .popupContent::-webkit-scrollbar {
    display: none;
}
.popup .popupContent img{
    max-width:100%;
}
.popup .popupContent .content {
    overflow: hidden;
}
.popup .popupContent .popupComposition {
    min-width: 160px;
}
.popupBg{
    position: fixed;
    background-color: #fff;
    zoom: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 100%;
    margin: auto;
    z-index:99;
    opacity: 0.4;
    transition: 1s;
}


.popup.replyPopup{

}
.popup.replyPopup .replyPopupTextareaLabel{
    margin-bottom:20px;
    font-size: 14px;
}
.popup.replyPopup .replyPopupTextareaObject{
    font-size: 14px;
    width: 99%;
    border: 0;
    outline: none;
    min-height: 300px;
}

.pageDetail{
    width:80%;
    margin:40px auto;
    min-height: 500px;
}
.pageDetail .pageCon img{
    width:100%;
}

.page{
    text-align: center;
    margin:20px auto 60px;
}
.page .pageItem{
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    padding:2px 10px;

}




/*new*/


.memberInfoList{
    padding: 20px 30px 10px;
}
.memberInfoList .memberInfoItem{
    margin-bottom: 10px;
}
.memberInfoList .memberInfoItem .memberInfoLabel{
    margin-right:10px;
    color:#585858;
}
.memberInfoList .memberInfoItem .memberInfoValue{
    font-weight:500;
}



.listHead{
    text-align: center;
    padding: 20px 0;
    font-weight: 600;
    border-bottom: 1px solid #eee;
}
.listHead .listHeadItem{
    width:13%;
}
.listCon{
    text-align: center;
    margin-bottom:2rem;
}
.listCon .listConCol{
    padding:20px 0;
    border-bottom: 1px dashed #eee;
    font-size: 13px;
}
.listCon .listConCol:last-child{
    border-bottom:0;
}
.listCon .listConCol .listConColItem{
    width:13%;
}
.listCon .listConCol .listConColBtn{
    padding:8px 20px;
    font-size:12px;
    border:1px solid #eee;
    text-align: center;
    border-radius: 6px;
}
.listItem-w2{
    width:49%!important;
}

.listItem-w3{
    width:31.5%!important;
}

.listItem-w4{
    width:22.5%!important;
}

.listItem-w5{
    width:49%!important;
}

.listItem-w6{
    width:49%!important;
}

.listItem-w7{
    width:49%!important;
}

.listItem-w8{
    width:49%!important;
}

.listItem-w9{
    width:49%!important;
}

.listItem-w10{
    width:49%!important;
}




.msgList .msg {
    font-size:14px;
    font-family:黑体;
}
.msgList .msg_a{
    width:100%;
}
.msgList .msg_body{
    width:100%;
    padding:1rem;
}
.msgList .left{
    width: 3rem;
    height: 3rem;
}
.msgList .left .avatar{
    width: 3rem;
    height: 3rem;
    border-radius: 3px;
    background:#ececec;
}
.msgList .mid{
    width: 46%;
    height: 3rem;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 0.4rem;
}
.msgList .nowroomno{
    font-size: 12px;
    color:#787878;
    margin-left:8px;
}
.msgList .linkman{
    font-size: 16px;
    padding-top: 0.3rem;
}
.msgList .content{
    padding-top: 0.2rem;
    font-size: 14px;
    color: #bbbbbb;
}
.msgList .time{
    width: 32%;
    height: 3rem;
    text-align: center;
    font-size:12px;
    color:#585858;
}

.msgList .updatas{
    position: absolute;
    left: 0.4rem;
    top: 0.4rem;
    border-radius: 19px;
    width: 2rem;
    height: 1rem;
    background-color: red;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: white;
    line-height: 1rem;
}


.msgList .tomsg{width:70%;}
.msgList .team_center_list{
    width: 100%;
    position:relative;
    border-bottom: 1px solid #eee;
    background:#fff;
}
.msgList .team_center_list:last-child{
    border-bottom:0;
}
.msgList .msgActionBtnLayout{
    margin-top:1.2rem;
    text-align: center;
}
.msgList .msgActionBtn{
    width: 46%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #585858;
    font-size: 14px;
    z-index: 52;
    border: 1px solid #eee;
    border-radius: 6px;
    margin: 0 1%;
}

.msgBox .msgDetail{
    display: block;
    width: 94%;
    margin: 1rem auto;
    max-height: 66vh;
    overflow-y: auto;
}

.msgDetail .msgItem{
    width:100%;
    float:left;
}
.msgDetail .userAvatar{
    float:left;
    width:50px;
    height:50px;
    border-radius: 50%;
    background:#ececec;
    background-size:auto 100%;
}

.msgDetail .date{font-size:11px;display:block;width:100%;text-align:center;color:#bbb;}
.msgDetail .msgContent {
    margin-bottom:10px;
    margin-top:10px;
    padding-left:20px;
    position:relative;
    float:left;
}
.msgDetail .triangle {
    position:absolute;
    top:17px;
    margin-top:-8px;
    left:13px;
    display:block;
    width:0;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
    border-bottom:8px solid #fff;
    border-top:8px solid #fff;
    border-left:none;
    border-right:8px solid #e0e0e0;
}
.msgDetail .text {
    word-wrap: break-word;
    max-width: 16rem;
    color: #000;
    display: inline-block;
    padding: 0.6rem 1rem;
    background: #e0e0e0;
    border-radius: 5px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));
    background-image: -webkit-linear-gradient(top,#e0e0e0,#e0e0e0);
    background-image: -moz-linear-gradient(center top , #e0e0e0, #e0e0e0);
    background-image: linear-gradient(top,#e0e0e0,#e0e0e0);
    margin-bottom: 0.2rem;
    font-size: 14px;
}



.msgDetail .userTa{width:100%;}


.msgDetail .userMe {
    width:100%;
}
.msgDetail .userMe .msgContent{
    float:right;
    padding-left:0px;
    padding-right:20px;
}
.msgDetail .userMe .userAvatar{
    float:right;
}
.msgDetail .userMe .triangle {
    left:auto;
    right:12px;
    border-bottom:8px solid #f8f9fb;
    border-top:8px solid #f8f9fb;
    border-right:none;
    border-left:8px solid #a3e65a;
}
.msgDetail .userMe .text {
    float:right;
    color:#000;
    background: #a3e65a;

}

.msgDetail .addMsgBtn{
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    width:70px;
    height:36px;
    line-height:36px;
    margin-left:10px;
}
.msgDetail .last{
    padding: 10px;
    font-size: 14px;
    text-align: center;
    margin: 20px auto;
    color: #787878;
    border: 1px solid #eee;
    display: block;
    width: 200px;
    border-radius: 6px;
    cursor: pointer;
}
.msgDetail .newMsgTips{
    position:absolute;
    bottom:15px;
    left:20px;
    width:75px;
    height:20px;
    border-radius:10px;
    overflow:hidden;
    z-index:9999;
}
.msgDetail .newMsgTips .newMsgTipsText{
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    width:75px;
    height:20px;
    line-height:20px;
    text-align:center;
    z-index:999;
    font-size:11px;

}
.msgDetail .newMsgTips .newMsgTipsBg{
    background:#000;
    opacity: 0.5;
    position: absolute;
    top:0;
    left:0;
    width:70px;
    height:20px;
}
.msgBox .respondBar{
    width: 94%;
    z-index: 9999;
    margin: 10px auto;
}
.msgBox .respondBarBtnLayout{

}

.msgBox .addRespondBtn{
    width: 20%;
    background: #70bebe;
    color:#fff;
    border-radius: 6px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    cursor: pointer;
}
.msgBox .respondBar .keywordReplyBtn{
    width: 20%;
    background: #ff6600;
    color:#fff;
    border-radius: 6px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    cursor: pointer;
    margin-right:3%;
    margin-left: 55%;
}
.msgBox .respondInput{
    border: 1px solid #ddd;
    width: 96%;
    height: 70px;
    padding: 10px 2%;
    font-size: 14px;
    border-radius: 5px;
}

.monthSelect{
    padding: 20px;
    border-bottom: 1px solid #eee;
}
.monthSelect .monthSelectBox{
    width: 68%;
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    color: #555;
    border: 1px solid #ddd;
    text-shadow: none;
    border-radius: 4px;
    transition: box-shadow 0.25s ease;
    z-index: 2;
}
.monthSelect .monthSelectBox:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.monthSelect .monthSelectBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #ccc;
    top: 14px;
    right: 10px;
    cursor: pointer;
    z-index: -2;
}
.monthSelect .monthSelectBox .monthSelectObj {
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.monthSelect .monthSelectBox .monthSelectObj:focus {
    outline: none;
}

.monthSelect .monthSelectBtn{
    margin-left: 2%;
}


.incomeInfo{
    padding:20px;
    border-bottom: 1px dashed #eee;
}
.incomeInfo .incomeInfoLeft{
    width: 70%;
}
.incomeInfo .incomeInfoItem{
    margin-bottom: 10px;
}
.incomeInfo .incomeInfoRight{
    width: 26%;
}
.incomeInfo .incomeInfoRightBtn{
    width: 96%;
    border: 1px solid #70bebe;
    color: #70bebe;
    text-align: center;
    font-size: 13px;
    padding: 0.6rem 0;
    border-radius: 6px;
    cursor: pointer;
}
.incomeInfo .incomeInfoRightBtn.normal{
    border:1px solid #eee;
    color:#787878;
}




.menu-wrap a {
    color: #585858;
}

/* Menu Button */
.menu-button {
    position: fixed;
    z-index: 9998;
    margin: 0.6rem;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    font-size: 20px;
    color: transparent;
    background: transparent;
    top:0;
}

.menu-button::before {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    bottom: 0.5em;
    left: 0.5em;
    background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
    content: '';
}

.menu-button:hover {
    opacity: 0.6;
}

/* Close Button */
.close-button {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    overflow: hidden;
    font-size: 14px;
    border: none;
    background: transparent;
    color: transparent;
}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #bdc3c7;
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
    position: fixed;
    z-index: 9999;
    width: 16rem;
    height: 100vh;
    background: #fff;
    box-shadow: 4px 0px 16px 3px rgba(0,0,0,0.2);
    padding: 3rem 1rem;
    font-size: 15px;
    -webkit-transform: translate3d(-320px,0,0);
    transform: translate3d(-320px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    overflow: hidden;
    top:0;
}

.menu,
.icon-list {
    height: 100%;
}

.icon-list {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.icon-list a {
    display: block;
    padding: 0.7rem 1rem;
    -webkit-transform: translate3d(0,500px,0);
    transform: translate3d(0,500px,0);
}

.icon-list,
.icon-list a {
    -webkit-transition: -webkit-transform 0s 0.4s;
    transition: transform 0s 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.icon-list a:nth-child(2) {
    -webkit-transform: translate3d(0,1000px,0);
    transform: translate3d(0,1000px,0);
}

.icon-list a:nth-child(3) {
    -webkit-transform: translate3d(0,1500px,0);
    transform: translate3d(0,1500px,0);
}

.icon-list a:nth-child(4) {
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
}

.icon-list a:nth-child(5) {
    -webkit-transform: translate3d(0,2500px,0);
    transform: translate3d(0,2500px,0);
}

.icon-list a:nth-child(6) {
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0);
}

.icon-list a span {
    margin-left: 0.6rem;
}

/* Shown menu */
.show-menu .menu-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list,
.show-menu .icon-list a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list a {
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}
.show-menu .icon-list a.active {
    color:#2c9e9e;
}
.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.searchBar{
    padding: 1rem;
}
.searchBar .searchBarIpt{
    width: 60%;
    border: 1px solid #eee;
    padding: 0.6rem;
    margin-right: 0.4rem;
}
.searchBar .searchBarBtn{
    color: #fff;
    padding: 0.5rem;
    width: 30%;
    border-radius: 2px;
    font-size: 13px;
}





.indexPage .userinfoSection{
    padding: 1.6rem;
}
.indexPage .userinfoSection .userinfoSectionAvatar{
    border-radius: 50%;
    width:3.6rem;
    height:3.6rem;
    background-image: url("/upload/images/resource/default_avatar.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size:3.6rem;
    border: 1px solid #90612C;
}
.indexPage .userinfoSection .userinfoSectionRight{
    margin-left: 1rem;
    line-height: 1;
}
.indexPage .userinfoSection .userinfoSectionRight .userinfoSectionRightName{
    color:#3D221B;
    font-size:15px;
}
.indexPage .userinfoSection .userinfoSectionRight .userinfoSectionRightTips{
    color:#92632F;
    font-size:12px;
    margin-top:0.6rem;
    padding:0.4rem 0.6rem;
    border-left: 2px solid #90612D;
    background: linear-gradient( 90deg, rgba(176,141,103,0) 0%, rgba(148,102,51,0.3) 100%);
}

.indexPage .dataSection{
    margin:0 1.6rem;
}
.indexPage .dataSection .dataSectionItem{
    width: 46%;
    background: linear-gradient( 90deg, #D6BB9C 0%, #AD7C47 100%);
    padding: 5%;
    border-radius: 10px;
}
.indexPage .dataSection .dataSectionItem:nth-child(2){
    margin-left:6%;
}
.indexPage .dataSection .dataSectionItem .dataSectionItemTop{

}
.indexPage .dataSection .dataSectionItem .dataSectionItemTopIcon{
    width:1rem;
    height: 1rem;
}
.indexPage .dataSection .dataSectionItem .dataSectionItemTopLabel{
    color: rgba(255,255,255,0.9);
    font-size: 13px;
}
.indexPage .dataSection .dataSectionItem .dataSectionItemBottom{
    color:#fff;
    font-size: 12px;
    margin-top:0.6rem;
    margin-left:0.4rem;
}


.indexPage .openboxSection{
    margin: 2rem 1.6rem 1rem;
    position: relative;
    text-align: center;
}

.indexPage .openboxSection .openboxSectionBg{
    height: 16rem;
}
.indexPage .openboxSection .openboxSectionLabel{
    height: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    display: block;
    bottom: 2.2rem;
}
.indexPage .openboxSection .openboxSectionBottom{
    height: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    display: block;
    bottom: 1.6rem;
}

.indexPage .bottomSection{
    margin: 2rem 1.6rem 0;
    text-align: center;
}
.indexPage .bottomSection .bottomSectionPic{
    height: 4rem;
}



.indexPage .entercodeSection{
    margin: 2rem 1.6rem 1rem;
    position: relative;
    text-align: center;
}

.indexPage .entercodeSection .entercodeSectionBg{
    height: 16rem;
}
.indexPage .entercodeSection .entercodeSectionLabel{
    height: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    display: block;
    bottom: 2.2rem;
}
.indexPage .entercodeSection .entercodeSectionBottom{
    height: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    display: block;
    bottom: 1.6rem;
}

.indexPage .bottomSection{
    margin: 2rem 1.6rem 0;
    text-align: center;
}
.indexPage .bottomSection .bottomSectionPic{
    height: 4rem;
}



.boxPage .topSection{
    height:4rem;
}
.boxPage .openboxSection{
    margin: 2rem 1.6rem 1rem;
    position: relative;
    text-align: center;
}

.boxPage .openboxSection .openboxSectionBg{
    height: 16rem;
}
.boxPage .openboxSection .openboxSectionLabel{
    height: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    display: block;
    bottom: 2.2rem;
}
.boxPage .openboxSection .openboxSectionBottom{
    height: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    display: block;
    bottom: 1.6rem;
}
.boxPage .numSection{
    margin: 1rem auto 0;
    text-align: center;
    background: #290683;
    border: 1px solid #B0E0F5;
    color: #fff;
    font-size: 14px;
    padding: 0.4rem 0;
    border-radius: 6px;
    max-width: 46%;
}
.boxPage .bottomSection{
    margin: 4rem 1.6rem 0;
    text-align: center;
}
.boxPage .bottomSection .bottomSectionPic{
    height: 4rem;
}
.boxPage .bottomnumSection{
    margin: 2rem auto 0;
    text-align: center;
    border: 1px solid #C2BBD4;
    color: #fff;
    font-size: 12px;
    padding: 0.3rem 0;
    border-radius: 6px;
    max-width: 30%;
}

.boxPage .inputpupupSection{
    position: fixed;
    width: 70%;
    height: 12rem;
    padding: 5%;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    background: #0E0B29;
    color:#fff;
}
.boxPage .inputpupupSection .inputpupupSectionHead{
    font-size: 14px;
    padding-top: 0.6rem;
}
.boxPage .inputpupupSection .inputpupupSectionMiddle{
    margin-top: 1.2rem;
    border-bottom: 1px solid #E4D9FF;
    padding-bottom: 0.6rem;
}
.boxPage .inputpupupSection .inputpupupSectionMiddleIcon{
    font-size: 22px;
    width: 10%;
}
.boxPage .inputpupupSection .inputpupupSectionMiddleInput{
    border:0;
    width: 80%;
    margin-left: 7%;
    background: transparent;
    outline: none;
    color:#fff;
}
.boxPage .inputpupupSection .inputpupupSectionBottom{
    margin-top:1.6rem;
}
.boxPage .inputpupupSection .inputpupupSectionBottomItem{
    width: 44%;
    border: 1px solid #E4D9FF;
    color: #999999;
    font-size: 14px;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    border-radius: 4px;
}
.boxPage .inputpupupSection .inputpupupSectionBottomItem:nth-child(2){
    margin-left:8%;
    background: #F2EDFF;
    color: #0D012C;
}



.myPage .userinfoSection{
    padding: 1.6rem;
}
.myPage .userinfoSection .userinfoSectionAvatar{
    border-radius: 50%;
    width:3rem;
    height:3rem;
    background-image: url("/upload/images/resource/default_avatar.png?v=2.0");
    background-position: center;
    background-repeat: no-repeat;
    background-size:3rem;
    border:1px solid #90612C;
}
.myPage .userinfoSection .userinfoSectionRight{
    margin-left: 1rem;
    line-height: 1;
}
.myPage .userinfoSection .userinfoSectionRight .userinfoSectionRightName{
    color:#3D221B;
    font-size:15px;
}
.myPage .userinfoSection .userinfoSectionRight .userinfoSectionRightUid{
    margin-top:0.5rem;
    font-size: 13px;
    color: #3D221B;
    font-weight: 400;
}
.myPage .mydataSection{
    padding: 1.6rem;
    background-image: url("/upload/images/resource/my_mywallet_databg.png?v=2.0");
    background-position: center;
    background-repeat: no-repeat;
    margin:0 1.6rem;
    border-radius: 10px;
    color:#fff;
    font-size: 14px;
}
.myPage .mydataSection .mydataSectionLeft{
    width: 70%;
}
.myPage .mydataSection .mydataSectionRight{
    color:#fff;
    width: 28%;
    text-align: right;
}
.myPage .navSection{
    padding: 1.6rem;
}
.myPage .navSection .navSectionLeft{
    width: 82%;
}
.myPage .navSection .navSectionLeftScroll{
    width: 100%;
    display: flex;
    white-space: nowrap;
    overflow-x:scroll;
}
.myPage .navSection .navSectionLeftScroll::-webkit-scrollbar {
    display:none
}
.myPage .navSection .navSectionLeftItem{
    background: #E3D2C0;
    color: #92632F;
    padding: 0.4rem 0.8rem;
    text-align: center;
    font-size: 13px;
    border-radius: 4px;
    margin-right: 0.4rem;
}
.myPage .navSection .navSectionLeftItem.selected{
    background: #92632F;
    color: #fff;
}
.myPage .navSection .navSectionRight{
    width: 10%;
    margin-left: 5%;
    text-align: center;
    background: #92632F;
    border-radius: 4px;
    color: #fff;
    padding: 0.4rem;
}
.myPage .navSection .navSectionRight i{

}


.myPage .coinSection{
    padding:0 1.6rem 1.6rem;
}
.myPage .coinSection .coinSectionItem{
    padding:1rem  1.6rem;
    background: #E3D2C0;
    border-radius: 10px;
    color:#fff;
    font-size: 14px;
    margin-bottom:0.6rem;
    position: relative;
}
.myPage .coinSection .coinSectionItemLeft{
    width: 12%;
    border-radius: 5px;
}
.myPage .coinSection .coinSectionItemRight{
    width: 80%;
    color:#92632F;
    margin-left:6%;
}
.myPage .coinSection .coinSectionItemRightName{
    font-size: 15px;
}
.myPage .coinSection .coinSectionItemRightNo{
    font-size: 12px;
    margin-top:0.5rem;
}
.myPage .coinSection .coinSectionItemRightPrice{
    margin-top:0.5rem;
    font-size: 13px;
}
.myPage .coinSection .coinSectionItemRightPrice span{
    color:#FED653;
}
.myPage .coinSection .coinSectionItemRightPrice.up span{
    color:#2fc80f;
}
.myPage .coinSection .coinSectionItemRightPrice.down span{
    color:#c80f2d;
}
.myPage .coinSection .coinSectionItemBackup{
    position: absolute;
    top:0;
    right:5%;
    background: linear-gradient( 180deg, #91632F 0%, #B3926D 96%);
    color:#fff;
    padding:0.3rem 0.6rem;
    font-size: 12px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


.myPage .brandPopup{
    position: fixed;
    width: 80%;
    padding:3% 5%;
    height: 50vh;
    background: #fff;
    border-radius: 10px;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin: auto;
    z-index: 999;
}
.myPage .brandPopup .brandPopupHead{
    text-align: right;
    font-size: 22px;
}
.myPage .brandPopup .brandPopupWrapper{
    padding:10px 0;
    height: 40vh;
    overflow-y: scroll;
}
.myPage .brandPopup .brandPopupWrapperItem{
    background: #E3D2C0;
    color: #92632F;
    padding:6px 10px;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom:10px;
}
.myPage .brandPopup .brandPopupWrapperItem.selected{
    background: #92632F;
    color:#fff;
}




.myPage .tabSection{
    width: 82%;
    text-align: center;
    font-size: 0;
    margin: 0 auto;
}
.myPage .tabSection .tabSectionItem{
    width:30%;
    background: linear-gradient( 90deg, #D6BB9C 0%, #AD7C47 100%);
    padding: 5%;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
}
.myPage .tabSection .tabSectionItem:nth-child(2){
    margin: 0 5%;
}
.myPage .tabSection .tabSectionItem .tabSectionItemNum{
    font-size: 22px;
    font-weight: 600;
}

.myPage .tabSection .tabSectionItem .tabSectionItemLabel{
    margin-top:0.2rem;
}


.accountbookCoinListSection{
    padding: 2rem 1.6rem 1.6rem;
}
.accountbookCoinListSection a,.accountbookCoinListSection a:active{
    color: #fff;
}
.accountbookCoinListSection .accountbookListItem{
    padding: 1rem 1.6rem;
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    font-size: 0px;
    margin-bottom: 0.6rem;
    position: relative;
}
.accountbookCoinListSection .accountbookListItem .accountbookListItemThumb{
    width: 12%;
}
.accountbookCoinListSection .accountbookListItem .accountbookListItemName{
    width: 30%;
    margin-left: 6%;
    font-size: 12px;
}
.accountbookCoinListSection .accountbookListItem .accountbookListItemNum{
    width: 30%;
    margin-left: 6%;
    font-size: 12px;
}
.accountbookCoinListSection .accountbookListItem .accountbookListItemArrow{
    width: 10%;
    margin-left: 6%;
    font-size: 12px;
    text-align: right;
}


.accountbookNfrListSection{
    padding: 2rem 1.6rem 1.6rem;
}
.accountbookNfrListSection a,.accountbookNfrListSection a:active{
    color: #fff;
}
.accountbookNfrListSection .accountbookListItem{
    padding: 1rem 1.2rem;
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    font-size: 0px;
    margin-bottom: 0.6rem;
    position: relative;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemThumb{
    width: 20%;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemCenter{
    width: 50%;
    margin-left:5%;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemCenterFiled{
    margin-bottom:0.4rem;
    font-size: 12px;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemCenterFiled:last-child{
    margin-bottom:0;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemBtn{
    width: 20%;
    margin-left: 5%;
    font-size: 12px;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemBtnItem{
    background: #92632F;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    margin-bottom:1rem;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemBtnItem:last-child{
    margin-bottom:0;
}
.accountbookNfrListSection .accountbookListItem .accountbookListItemBtnItem.disabled{
    background:#ddd;
    color:#666;
}


.accountbookRedpacketListSection{
    margin: 2rem 1.6rem 1.6rem;
    padding: 1rem 1.2rem;
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 0.6rem;
    position: relative;
}
.accountbookRedpacketListSection .accountbookListHead{
    font-size: 0px;
    margin-bottom: 0.6rem;
}
.accountbookRedpacketListSection .accountbookListHead .accountbookListHeadTd{
    font-size: 12px;
    width: 25%;
    text-align: center;
    font-weight: 600;
}
.accountbookRedpacketListSection .accountbookListHead .accountbookListHeadTd:nth-child(2){
    width: 30%;
}
.accountbookRedpacketListSection .accountbookListHead .accountbookListHeadTd:nth-child(3){
    width: 30%;
}
.accountbookRedpacketListSection .accountbookListHead .accountbookListHeadTd:nth-child(4){
    width: 15%;
}
.accountbookRedpacketListSection .accountbookListItem{
    font-size: 0px;
    padding: 0.6rem 0;
}
.accountbookRedpacketListSection .accountbookListItem .accountbookListItemTd{
    font-size: 12px;
    width: 25%;
    text-align: center;
}
.accountbookRedpacketListSection .accountbookListItem .accountbookListItemTd:nth-child(2){
    width: 30%;
}
.accountbookRedpacketListSection .accountbookListItem .accountbookListItemTd:nth-child(3){
    width: 30%;
}
.accountbookRedpacketListSection .accountbookListItem .accountbookListItemTd:nth-child(4){
    width: 15%;
}
.accountbookRedpacketListSection .accountbookListItem .accountbookListItemTd.btnTd{
    background: #92632F;
    border-radius: 4px;
    color: #fff;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
}


.myPage .sellNfrPopup{
    position: fixed;
    width: 80%;
    padding:3% 5%;
    height: 12rem;
    background: #fff;
    border-radius: 10px;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin: auto;
    z-index: 999;
}
.myPage .sellNfrPopup .sellNfrPopupHead{
    text-align: right;
    font-size: 22px;
}
.myPage .sellNfrPopup .sellNfrPopupWrapper{
    padding: 20px 0;
}
.myPage .sellNfrPopup .sellNfrPopupWrapper .sellNfrPopupWrapperInput{
    border: 1px solid #eee;
    padding: 0.6rem 1rem;
    width: 100%;
    margin-bottom: 1rem;
}
.myPage .sellNfrPopup .sellNfrPopupWrapper .sellNfrPopupWrapperBtn{
    background: #92632F;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
}

.coinLogSection{
    padding: 1rem;
}
.coinLogSection .coinLogSectionItem{
    font-size: 0;
    padding: 1rem 1.6rem;
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 0.6rem;
    position: relative;
}
.coinLogSection .coinLogSectionItem .coinLogSectionItemLeft{
    width: 60%;
    font-size: 12px;
}
.coinLogSection .coinLogSectionItem .coinLogSectionItemLeftField{
    margin-bottom:0.5rem;
}
.coinLogSection .coinLogSectionItem .coinLogSectionItemLeftField:last-child{
    margin-bottom:0;
}
.coinLogSection .coinLogSectionItem .coinLogSectionItemRight{
    font-size: 16px;
    width: 30%;
    color:#ee4f4f;
    margin-left:10%;
    text-align: right;
}


.companyindexPage{

}
.companyindexPage .noticeSection{
    background: #91622E;
    height: 3em;
    line-height: 3em;
}
.companyindexPage .noticeSection .noticeSectionItem{
    color:#fff;
    margin-right: 2rem;
}

.companyindexPage .bannerSection{
    margin:1.2rem;
    border-radius: 10px;
    overflow: hidden;
}
.companyindexPage .bannerSection .my-video-dimensions{
    width: 100%!important;
    height: 11rem!important;
}

.companyindexPage .dataSection{
    margin:0 1.2rem;
}
.companyindexPage .dataSection .dataSectionItem{
    background: linear-gradient( 90deg, #D6BB9C 0%, #AD7C47 100%);
    width: 31%;
    border-radius: 4px;
    padding:2%;
}
.companyindexPage .dataSection .dataSectionItem:nth-child(2){
    margin:0 2%;
}
.companyindexPage .dataSection .dataSectionItemTop{
    font-size: 12px;
    color: rgba(255,255,255,0.9);
}
.companyindexPage .dataSection .dataSectionItemTopIcon{
    width: 0.8rem;
    height: 0.8rem;
}
.companyindexPage .dataSection .dataSectionItemTopText{
    margin-left:0.2rem;
}
.companyindexPage .dataSection .dataSectionItemBottom{
    color:#fff;
    font-weight: 500;
    font-size: 12px;
    padding-top:0.4rem;
    transform: scale(0.9);
}
.companyindexPage .coinSection{
    margin:1.2rem;
    background: #E3D2C0;
    border-radius: 4px;
    padding: 4%;
    font-size: 0;
}
.companyindexPage .coinSection .coinSectionLeft{
    font-size: 12px;
    color:#92632F;
    width: 30%;
}
.companyindexPage .coinSection .coinSectionCenter{
    width: 50%;
    font-size: 12px;
}
.companyindexPage .coinSection .coinSectionCenter .coinSectionCenterIcon{
    width: 0.6rem;
    height: 0.6rem;
}
.companyindexPage .coinSection .coinSectionCenter .coinSectionCenterText{
    color:#640000;
    margin-left:0.2rem
}
.companyindexPage .coinSection .coinSectionRight{
    width: 20%;
    color: #fff;
    background: #92632F;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    border-radius: 60px;
    font-size: 12px;
}
.companyindexPage .redpacketSection{
    font-size: 12px;
    color:#92632F;
    margin:1.2rem;
    background: #E3D2C0;
    border-radius: 4px;
    padding: 4%;
}
.companyindexPage .redpacketSection .redpacketSectionTop{
    margin-bottom:0.2rem;
    text-align: center;
}
.companyindexPage .redpacketSection .redpacketSectionRatio{
    margin-bottom:0.2rem;
    text-align: center;
}
.companyindexPage .redpacketSection .redpacketSectionRatio span{
    color:#ee4f4f;
    font-size: 14px;
    padding-left:2px;
}
.companyindexPage .redpacketSection .redpacketSectionMiddle{
    margin-bottom:0.2rem;
}
.companyindexPage .redpacketSection .redpacketSectionMiddleBar{
    position: relative;
    width: 80%;
    background: #FFF;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 30px;
    margin: 1rem auto;
}
.companyindexPage .redpacketSection .redpacketSectionMiddleBarHighlight{
    position: absolute;
    left: 0;
    right: 0;
    background: #ed1f1f;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 30px;
}
.companyindexPage .redpacketSection .redpacketSectionMiddleNum{
    margin-left: 2%;
    width: 15%;
    text-align: right;
}
.companyindexPage .redpacketSection .redpacketSectionBottom{

}
.companyindexPage .redpacketSection .redpacketSectionBottom .redpacketSectionBottomTime{
    text-align: center;
}
.companyindexPage .redpacketSection .redpacketSectionBottom .redpacketSectionBottomBtn{
    width: 50%;
    color: #FFF;
    background: #ed1f1f;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 60px;
    font-size: 13px;
    font-weight: 600;
    margin: 1rem auto;
}

.companyindexPage .echartsSection{
    margin: 1.2rem 1.2rem 0;
    height: 18rem;
    background: #E3D2C0;
    padding: 2%;
    border-radius: 4px;
}
.companyindexPage .echartsSection .echartsSectionTop{
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    margin-top:0.6rem;
    color:#92632F;
}
.companyindexPage .echartsSection .echartsSectionTopItem{
    border-radius: 30px;
    font-size: 12px;
    color: #92632F;
    width: 30%;
    margin-right: 2%;
    height: 1.5rem;
    line-height: 1.5rem;
}
.companyindexPage .echartsSection .echartsSectionTopItem.selected{
    color:#fff;
    background: #92632F;
}
.companyindexPage .echartsSection .echartsSectionTopItem:last-child{
    margin-right: 0;
}
.companyindexPage .echartsSection .echartsSectionWrapper{
    height: 15rem;
    margin-top: 0.5rem;
}


.companyindexPage .inputPopup{
    position: fixed;
    width: 80%;
    padding:3% 5%;
    height: 12rem;
    background: #fff;
    border-radius: 10px;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin: auto;
    z-index: 999;
}
.companyindexPage .inputPopup .inputPopupHead{
    text-align: right;
    font-size: 22px;
}
.companyindexPage .inputPopup .inputPopupWrapper{
    padding: 20px 0;
}
.companyindexPage .inputPopup .inputPopupWrapper .inputPopupWrapperInput{
    border: 1px solid #f5be0d;
    padding: 0.9rem 1rem;
    width: 100%;
    margin-bottom: 1rem;
}
.companyindexPage .inputPopup .inputPopupWrapper .inputPopupWrapperTitle{
    text-align: center;
    font-size: 13px;
    padding:10px 0;
}
.companyindexPage .inputPopup .inputPopupWrapper .inputPopupWrapperCheckbox{
    border:1px solid #71471c;
    background: linear-gradient( 90deg, #876034 0%, #b09575 100%);
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    display: block;
    color:#fff;
}
.companyindexPage .inputPopup .inputPopupWrapper .inputPopupWrapperBtn{
    background: #ee4f4f;
    color:#f5be0d;
    border-radius: 4px;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-weight: 600;
}






.nfrmarketindexPage{

}
.nfrmarketindexPage .searchSection{
    width: 80%;
    margin:0 auto 1rem;
    font-size: 0;
    background: #fff;
    border-radius: 60px;
    overflow: hidden;
}
.nfrmarketindexPage .searchSection .searchSectionInput{
    border: 0;
    padding: 0.6rem 1rem;
    width: 70%;
    font-size: 14px;
    outline: none;
}
.nfrmarketindexPage .searchSection .searchSectionBtn{
    width: 30%;
    color:#0D012C;
    font-size: 13px;
    text-align: center;
}

.nfrmarketindexPage .filterSection{
    width: 80%;
    margin: 1rem auto;
    font-size: 0;
    overflow-x: scroll;
    white-space: nowrap;
}
.nfrmarketindexPage .filterSection::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}
.nfrmarketindexPage .filterSection .filterSectionItem{
    font-size: 14px;
    color:#fff;
    margin-right:20px;
    opacity: 0.6;
    border-bottom:2px solid transparent;
    padding: 0.4rem 0;
}
.nfrmarketindexPage .filterSection .filterSectionItem.selected{
    opacity: 1;
    border-bottom: 2px solid #fff;
}



.nfrmarketindexPage .nfrSection{
    font-size: 0;
    width: 90%;
    margin: 0 auto;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem{
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    width: 47%;
    margin-right: 6%;
    overflow: hidden;
    margin-bottom: 5%;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem:nth-child(2n){
    margin-right: 0;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem a,.nfrmarketindexPage .nfrSection .nfrSectionItem a:active{
    color:#fff;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem:last-child{
    margin-right:0;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem .nfrSectionItemThumb{
    width: 100%;
    height: 10rem;
    object-fit:cover;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem .nfrSectionItemBottom{
    padding:6%;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem .nfrSectionItemName{
    font-size: 13px;
    font-weight: 600;
    height: 3.4rem;
}
.nfrmarketindexPage .nfrSection .nfrSectionItem .nfrSectionItemInfo{
    font-size: 12px;
    margin-top:0.2rem
}

.nfrmarketdetailPage{

}
.nfrmarketdetailPage .nameSection{
    color:#fff;
    font-weight: 600;
    font-size: 14px;
    width: 80%;
    margin:0 auto;
}
.nfrmarketdetailPage .thumbSection{
    width: 80%;
    margin:1rem auto 0;
}
.nfrmarketdetailPage .thumbSection img{
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.nfrmarketdetailPage .priceSection{
    width: 80%;
    margin:1rem auto 0;
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    padding:5%;
}
.nfrmarketdetailPage .priceSection .priceSectionNum{
    font-size: 22px;
    font-weight: 600;
}
.nfrmarketdetailPage .priceSection .priceSectionGas{
    margin-top:0.6rem;
}
.nfrmarketdetailPage .priceSection .priceSectionBtn{
    width: 100%;
    color: #fff;
    background: #92632F;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 60px;
    font-size: 12px;
    margin-top: 1rem;
}
.nfrmarketdetailPage .infoSection{
    width: 80%;
    margin:1rem auto 0;
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    padding:5%;
}
.nfrmarketdetailPage .infoSection .infoSectionItem{
    margin-bottom: 1rem;
}
.nfrmarketdetailPage .infoSection .infoSectionItem:last-child{
    margin-bottom: 0;
}
.nfrmarketdetailPage .descSection{
    width: 80%;
    margin:1rem auto 0;
    background: #E3D2C0;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    padding:5%;
}


.noDataSection{
    margin-top:2rem;
}
.noDataSection .noDataSectionPic{
    display: block;
    width: 60%;
    margin: 0 auto;
}
.noDataSection .noDataSectionText{
    text-align: center;
    margin-top:1rem;
    color:#fff;
    font-size: 14px;
}

.boxindexPage .userinfoSection{
    padding: 1.6rem;
}
.boxindexPage .userinfoSection .userinfoSectionAvatar{
    border-radius: 50%;
    width:3.2rem;
    height:3.2rem;
    background-image: url("/upload/images/resource/default_avatar.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size:3.2rem;
    border:1px solid #fff;
}
.boxindexPage .userinfoSection .userinfoSectionRight{
    margin-left: 1rem;
    line-height: 1;
}
.boxindexPage .userinfoSection .userinfoSectionRight .userinfoSectionRightName{
    color:#fff;
    font-size:15px;
}
.boxindexPage .userinfoSection .userinfoSectionRight .userinfoSectionRightTips{
    color:#92632F;
    font-size:12px;
    margin-top:0.6rem;
}

.boxindexPage .navSection{
    padding: 0 1.6rem 1.6rem;
}
.boxindexPage .navSection .navSectionLeft{
    width: 100%;
}
.boxindexPage .navSection .navSectionLeftScroll{
    width: 100%;
    display: flex;
    white-space: nowrap;
    overflow-x:scroll;
}
.boxindexPage .navSection .navSectionLeftScroll::-webkit-scrollbar {
    display:none
}
.boxindexPage .navSection .navSectionLeftItem{
    background: #E3D2C0;
    color: #92632F;
    padding: 0.4rem 0.8rem;
    text-align: center;
    font-size: 13px;
    border-radius: 4px;
    margin-right: 0.4rem;
}
.boxindexPage .navSection .navSectionLeftItem.selected{
    background: #92632F;
    color: #fff;
}
.boxindexPage .navSection .navSectionRight{
    width: 10%;
    margin-left: 5%;
    text-align: center;
    background: #92632F;
    border-radius: 4px;
    color: #fff;
    padding: 0.4rem;
}
.boxindexPage .navSection .navSectionRight i{

}
.boxindexPage .boxSection{
    padding:0 1.6rem 1.6rem;
}
.boxindexPage .boxSection .boxSectionItem{
    padding:1rem;
    background: #E3D2C0;
    border-radius: 10px;
    color:#fff;
    font-size: 14px;
    margin-bottom:0.6rem;
    position: relative;
}
.boxindexPage .boxSection .boxSectionItemLeft{
    width: 12%;
}
.boxindexPage .boxSection .boxSectionItemRight{
    width: 52%;
    color:#92632F;
    margin-left:5%;
}
.boxindexPage .boxSection .boxSectionItemRightName{
    font-size: 14px;
}
.boxindexPage .boxSection .boxSectionItemRightNo{
    font-size: 12px;
    margin-top:0.5rem;
}
.boxindexPage .boxSection .boxSectionItemRightPrice{
    margin-top:0.5rem;
    font-size: 12px;
}
.boxindexPage .boxSection .boxSectionItemRightPrice span{
    color:#FED653;
}
.boxindexPage .boxSection .boxSectionItemIn{
    background: #503899;
    font-size: 12px;
    border-radius: 6px;
    width: 22%;
    margin-left: 5%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}

.loginPage{
    padding: 1.6rem;
}
.loginPage .loginPageWrap{

}
.loginPage .loginPageWrap .loginBottom{
    color:#766055;
}
.loginPage .loginPageWrap .loginBottom a{
    color:#766055;
}

.registerPage{
    padding: 1.6rem;
}
.registerPage .registerPageWrap .registerBottom{
    color:#fff;
}
.registerPage .registerPageWrap .registerBottom a{
    color:#fff;
}
/*全局表单*/
.formContainer{
    margin: 0 auto;
    max-width: 420px;
    padding-top: 40px;
    position: relative;
}
.formContainer.registerForm{
    padding-top: 50px;
}
.formContainer.loginForm{
    padding-top: 20px;
}
.formContainer .formText{
    padding-bottom: 20px;
    color:#fff;
}
.formContainer .formControl{
    padding-bottom: 20px;
    position: relative;
}
.formContainer .formLabel{
    width: 18%;
    font-size:13px;
}
.formContainer .formInput{
    font-size: 14px;
    height: 45px;
    width: 80%;
    display: inline-block;
    color: #333;
    vertical-align: middle;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
}
.formContainer .formSelect{
    font-size: 14px;
    height: 45px;
    width: 80%;
    display: inline-block;
    border: 1px solid #e5e5e5;
    color: #333;
    vertical-align: middle;
    padding: 13px 10px 12px;
    box-sizing: border-box;

    border-radius: 5px;
}
.formContainer .formSelect.twoSelect{
    width: 32%;
    margin-right: 2%;
}
.formContainer .formUploadPic{
    font-size: 14px;
    width: 80%;
}
.formContainer .formRadioItem{
    font-size: 14px;
    margin-right: 10px;
}
.formContainer .formControl.noLabel .formInput{
    width: 100%;
}
.formContainer .formInput:hover {
    border-color: #b3b3b3;
    outline: 0;
}
.formContainer .formInput:focus{
    border-color:#58b636;
    outline:0
}
.formContainer .formEditor{
    font-size: 14px;
    height: 170px;
    width: 100%;
    display: inline-block;
    border: 1px solid #e5e5e5;
    color: #333;
    vertical-align: middle;
    padding: 13px 10px 12px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
}
.formContainer .formEditor:hover{
    border-color: #b3b3b3;
    outline: 0;
}
.formContainer .formEditor:focus{
    border-color: #b3b3b3;
    outline: 0;
}
.formContainer .formControl.authCodeControl .formInput{
    width: 60%;
}
.formContainer .formControl.authCodeControl .formCodeImg{
    width: 19%;
    height: 45px;
}
.formContainer .formControl.authCodeControl.noLabel .formInput{
    width: 79%;
}


.formContainer .formControl.mobileCodeControl .formInput{
    width: 50%;
}
.formContainer .formControl.mobileCodeControl .formSmscodePrefix{
    width: 36%;
    height: 45px;
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    color: #555;
    border:1px solid #e5e5e5;
    text-shadow: none;
    transition: box-shadow 0.25s ease;
    z-index: 2;
    text-align: center;
}
.formContainer .formControl.mobileCodeControl .formSmscodePrefix select{
    cursor: pointer;
    padding: 15px 10px;
    width: 100%;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    outline: 0;
    line-height: 1;
}

.formContainer .formControl.mobileCodeControl .formSmscodePrefix select:before{
    content:"";
    position:absolute;
    width:0;
    height:0;
    border:10px solid transparent;
    border-top-color:#ccc;
    top:14px;
    right:10px;
    cursor:pointer;
    z-index:-2;
}

.formContainer .formControl.mobileCodeControl .formSmscodePrefix select:focus{
    　outline:none;
}

.formContainer .formControl.mobileCodeControl .formSmscodeBtn{
    width: 29%;
    height: 45px;
    color: #fff;
    background: #92632F;
    text-align: center;
    font-size:13px;
    line-height: 45px;
    border-radius: 5px;
    cursor: pointer;
}
.formContainer .formControl.mobileCodeControl.noLabel .formInput{
    width: 69%;
}

.formContainer .formControl.uploadpicControl{
    font-size: 0;
}
.formContainer .formControl.uploadpicControl .formLabel{
    color:#3D221B;
    width: 25%;
    padding-top: 6px;
    text-align: left;
}
.formContainer .formControl.uploadpicControl .formUploadPic{
    width: 70%;
    margin-left: 5%;
}
.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout{
    width: 100%;
    color: #3D221B;
    font-size: 12px;
    margin: 0;
}
.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout .upimgbtn{
    margin: 0;
    margin-right: 10px;
}
.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout .ul_pics{
    margin-top:0;
}
.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout .ul_pics li{
    width: 110px!important;
    height: 110px!important;
}
.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout .ul_pics li .img{
    width: 110px!important;
    height: 110px!important;
}
.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout .ul_pics li img{
    max-width: 110px;
    max-height: 110px;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 10px;
}

.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout .ul_pics li.li_audio{
    width: 120px!important;
    height: 30px!important;
    background: #fff;
    color: #565656;
    border-radius: 60px;
    text-align: center;
    line-height: 1;
    position: relative;
}
.formContainer .formControl.uploadpicControl .formUploadPic .uploadpicLayout .ul_pics li.li_audio .audio{
    width: 120px!important;
    height: 30px!important;
    line-height: 30px;
}
.formContainer .formBtn{
    width: 100%;
    height: 60px;
    border: none;
    margin-bottom: 20px;
    margin-top:20px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background: rgba(145,98,46,0.5);
    outline: 0;
    border-radius: 5px;
}
.formContainer .formBtn:hover{
    background-color:#1e1048
}
.formContainer .formBtn.disabled,.formContainer .formBtn.disabled:hover{
    background-color:#d0d0d0;
    color:#fff
}



.footerBar{
    background: #E3D2C0;
    padding:0.5rem 0;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom:0;
    left: 0;
}
.footerBar .footerBarItem{
    width: 30%;
}
.footerBar .footerBarItem:nth-child(2){
    margin:0 2%;
}
.footerBar .footerBarItem .footerBarItemIcon{
    width: 1.5rem;
    height: 1.5rem;
}
.footerBar .footerBarItem .footerBarItemText{
    font-size: 12px;
    margin-top:0.4rem;
    color:#fff;
}

.bottomHeight{
    height: 5rem;
}

.toBackFixed{
    display: block;
    position: fixed;
    background: #fff;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    left: 20px;
    top: 20px;
    text-align: center;
    box-shadow: 0px 1px 3px 3px rgb(66 66 66 / 50%);
    z-index: 9999;
}
.toBackFixed i{
    font-size: 20px;
    color: #000;
    padding-top: 0.4rem;
}
.fixedPanguai{
    display: block;
    position: fixed;
    top:0;
    bottom:0;
    right: 6px;
    margin: auto 0;
    width: 150px;
    height: 150px;
    text-align: center;
}
.fixedPanguai div:first-child{
    padding-top: 1rem;
}
.fixedPanguai div{
    font-size: 14px;
}
.fixedPanguai img{
    width: 100%;
}

.fixedCoinbuy{
    display: block;
    position: fixed;
    bottom: 13rem;
    right: 6px;
    margin: auto 0;
    width: 75px;
    height: 75px;
    text-align: center;

}
.fixedCoinbuy div{
    font-size: 14px;
}
.fixedCoinbuy img{
    width: 100%;
}
.fixedCoinuse{
    display: block;
    position: fixed;
    bottom: 8rem;
    right: 6px;
    margin: auto 0;
    width: 75px;
    height: 75px;
    text-align: center;

}
.fixedCoinuse div{
    font-size: 14px;
}
.fixedCoinuse img{
    width: 100%;
}
.graytext{
    color:#999;
}

/* 新增：自定义错误弹窗样式 */
.customErrorPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFFFFF; /* 白色背景 */
    border: 1px solid #E0E0E0; /* 浅灰色边框 */
    padding: 25px 30px;
    z-index: 10005; /* 确保在其他元素之上，比普通弹窗高一点 */
    text-align: center;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* 更柔和的阴影 */
    border-radius: 12px; /* 圆角 */
    min-width: 320px; /* 最小宽度 */
    max-width: 90%; /* 最大宽度，以适应小屏幕 */
    box-sizing: border-box;
}

.customErrorPopup #customErrorMessage {
    margin-bottom: 25px;
    font-size: 16px;
    color: #333333; /* 深灰色文字 */
    line-height: 1.6;
}

.customErrorPopup button {
    padding: 12px 24px;
    margin: 0 8px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.customErrorPopup button:hover {
    opacity: 0.9;
}
.customErrorPopup button:active {
    transform: translateY(1px);
}

.customErrorPopup #rechargeButton {
    background-color: #92632F; /* 主题色 (从其他按钮获取) */
    color: white;
}
.customErrorPopup #rechargeButton:hover {
    background-color: #7a5027; /* 主题色的深色变体 */
}
.customErrorPopup #cancelCustomErrorButton {
    background-color: #F5EFE8; /* 较浅的背景色 (从其他元素获取) */
    color: #6E6158; /* 文字颜色 (从其他元素获取) */
    border: 1px solid #E1DDD1; /* 边框 (从其他元素获取) */
}
.customErrorPopup #cancelCustomErrorButton:hover {
    background-color: #e9e0d5;
}