/**其他*/
.pointer{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.waitCss{
    transition: all .3s;
    -webkit-transition: all .3s;
}
/**浮动*/
.left{float: left}
.right{float: right}
/**按钮**/
.saveButton{
    cursor: pointer;
    font-size: 16px!important;
    line-height: 38px!important;
    width: 200px!important;
    margin-left: 5px!important;
    background-color: #F93B00!important;
    border:1px solid #F93B00!important;
    border-radius: 4px!important;
    font-family: "creatfont",'PFr9y1'!important;
    font-weight: bold;
    color:#FFFFFF;
}
.cancelButton{
    cursor: pointer;
    font-size: 16px!important;
    line-height: 38px!important;
    width: 120px!important;
    margin-right: 5px!important;
    background-color: #FFFFFF!important;
    border:1px solid #DEDEDE!important;
    border-radius: 4px!important;
    font-family: "creatfont",'PFr9y1'!important;
    font-weight: bold!important;
    color: #333333!important;
}
.saveButton:hover {
    color:#FFFFFF!important;
    box-shadow: 0px 2px 6px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.cancelButton:hover {
    background: #F93B00!important;
    color: #FFFFFF!important;
    border: #F93B00!important;
    transition: all .3s!important;
    border:1px solid #F93B00!important;
    box-shadow: 0px 2px 6px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
/**背景色*/
.backgroundNotBut{background-color: #C2C2C2!important;color: #FFFFFF!important;border-color: #C2C2C2!important;}
.backgroundMainBut{background-color: #F93B00!important;color: #FFFFFF!important;border-color: #F93B00!important;}
.backgroundOpenBut{background-color: #3CC97C!important;color: #FFFFFF!important;border-color: #3CC97C!important;}
.backgroundDeleteBut{color: #F93B00!important;border-color: #F93B00!important;}
.backgroundMain{background-color: #F93B00;}
.backgroundTips{background-color: #F7F7F7;}
.select{background: #FFFFFF;color: #F93B00;}
/**文字色*/
.colorMain{color: #F93B00!important;}
.colorTitle{color: #333333!important;}
.colorOpen{color: #3CC97C!important;}
.colorSign{color: #FEA62E!important;}
.colorText{color: #666666;}
.colorTips{color: #999999;}
.colorIgnore{color: #c8c8c8;}

/**模块 鼠标上移*/
.box-shadow:hover{
    box-shadow: 0px 2px 6px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
/**模块 头部下阴影*/
.header_shadow {
    box-shadow: 0px 5px 10px 0px #c8c8c8;
    transition: all .5s;
    -webkit-transition: all .5s;
}
/**文字 鼠标上移**/
.text-shadow:hover{
    text-shadow: 1px 1px 4px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.text-shadow2:hover{
    text-shadow: 1px 1px 4px #F93B00;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.text-shadow3:hover{
    color: #F93B00!important;
}
/**按钮 鼠标上移*/
.select-hover:hover{
    background: rgba(249, 59, 0, 0.06);
    color: #F93B00;
}
.but-hover:hover{
    background: #F93B00!important;
    color: #FFFFFF!important;
    border: #F93B00!important;
    transition: all .3s!important;
    border:1px solid #F93B00!important;
    -webkit-transition: all .3s!important;
}
/**字体*/
.bold{font-weight: bold;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font28{font-size: 28px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}
.font42{font-size: 42px;}
.font44{font-size: 44px;}
.font46{font-size: 46px;}
.font48{font-size: 48px;}
/*超出隐藏-1行文字*/
.longText1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}
/*超出隐藏-2行文字*/
.longText2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}
/*超出隐藏-3行文字*/
.longText3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}
/*超出隐藏-4行文字*/
.longText4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}
/*超出隐藏-5行文字*/
.longText5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}
/*超出隐藏-8行文字*/
.longText8{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}
/*提示文字颜色*/
input::-webkit-input-placeholder {
    /* WebKit browsers */
    color:#C8C8C8;
}
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color:#C8C8C8;
}
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color:#C8C8C8;
}
input::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color:#C8C8C8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #C8C8C8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #C8C8C8;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #C8C8C8;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #C8C8C8;
}
/**
空间 弹出层
 */
.addOutCliBox {
    position: relative;
    height: 460px;
}
.addOutCliBox .successLine1 {
    width: 180px;
    height: 180px;
    border-radius: 100px;
    text-align: center;
    position: relative;
    margin: 56px auto 0 auto;
}
.addOutCliBox .successLine1 img{
    width: 170px;
}
.addOutCliBox .successLine2{
    margin-top: 20px;
    color: #999999;
}
.addOutCliBox .successLine3{
    margin-top: 12px;
}
.addOutCliBox .successLine4{
    margin-top: 12px;
    color: #999999;
}
.addOutCliBox .successLine5{
    display: inline-flex;
    margin-top: 60px;
}
.addOutViews {
    position: absolute;
    width: 200px;
    border-right: 1px solid #ececec;
    height: 460px;
}
.spaceIntroduce{
    background-color: #EDDFCA;
    border-radius: 6px;
    width: 150px;
    height: 414px;
    position: absolute;
    top: 50%;
    left: 26px;
    transform: translateY(-50%);
    text-align: center;
    box-sizing: border-box;
    padding: 30px 0;
}
.spaceIntroduce .titleBorder{
    width: 80px;
    border: 1px solid #CCCCCC;
    margin: 20px auto;
}
.spaceIntroduce .text{
    margin-top: 28px;
}
.spaceIntroduce .textTisp{
    margin-top: 5px;
}
.centerImgsBox {
    text-align: center;
    padding-top: 20px;
}

.showZhuTiName {
    position: absolute;
    top: 22px;
    left: 36px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    color: #333333;
    height: 320px;
    font-weight: bold;
    font-size: 32px;
    font-family: "creatfont",'TUEbr4';
    width: 75px;
    line-height: 75px;
    letter-spacing: 6px;
}
.addDetailsBox {
    width: 600px;
    margin-left: 200px;
}
.addProjectBlock, .showEditss {
    padding: 20px 20px 8px 20px;
    overflow: visible;
}
.addDirbtns {
    text-align: right;
    padding: 20px 40px;
    position: relative;
    border-top: 1px solid #ececec!important;
}

.addDirbtns .layui-btn-fff {
    padding: 0 15px;
    border-radius: 0;
    margin-left: 10px;
    background: #F93B00;
    color: #fff;
    width: 120px;
}
.addDirbtns .layui-btn-primary {
    padding: 0 35px;
    border-radius: 0;
    margin-left: 20px;
}
.resCreateIcon{
    margin-right: 12px;
    color: red;
    position: relative;
    top: 1px;
}
.resCreateInfo{
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
}
.resCreateInfo i {
    position: relative;
    top: 1px;
}
.resCreateInfo .title1{
    margin-left: 5px;
}
.resCreateInfo .title2{
    margin-left: 3px;
}
.resCreateInfo .title3{
    margin-left: 10px;
    text-decoration:underline;
}
.layui-btn.guideBtns {
    color: #fff;
    border-color: transparent;
}
.layui-input-block{
    margin-left: 90px!important;
}
.moreInfoForms .layui-form-item .layui-form-label {
    padding: 9px 15px 9px 0;
    width: 70px;
    text-align: right;
}
.moreInfoForms .layui-form-label span, .baseIngoForms .layui-form-label span {
    color: red;
    position: absolute;
    top: 0px;
    right: 16px;
}
.dialogTitleTips {
    color: #F93B00;
    margin-left: 20px;
    cursor: pointer;
}
.straSelect {
    height: 36px;
    line-height: 36px;
    color: #b3b3b3;
}
.starSV {
    margin-right: 10px;
    cursor: pointer;
}
.starSV.shine, .starSV.shineIndex {
    color: #FFA62E!important;
}
.layui-layer-title{
    padding: 0px 50px 0 20px!important;
    height: 54px!important;
    line-height: 56px!important;
}
.layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -35px!important;
    height: 28px!important;
}
/**
版本拦截 弹出层
 */
.tipsBox {
    width: 555px;
    height: 563px;
    color: #fff;
    background: #FF761A;
    position: relative;
}
.tipsTopBlocks {
    height: 180px;
    line-height: 145px;
    font-size: 26px;
    color: #F93b00;
    background: #fff;
    font-weight: bold;
    text-align: left;
    text-indent: 45px;
}
.tipsMsgs {
    position: absolute;
    top: 113px;
    color: #F93b00;
    left: 45px;
    padding-right: 45px;
}

.TipsTitle {
    padding: 40px 0 0 45px;
    font-size: 40px;
}

.TipsCCSLv2 {
    margin: 15px 45px;
    font-size: 24px;
    font-weight: bold;
}

.TipsCCSLv3 {
    margin-left: 45px;
    font-size: 24px;
}

.TipsBottomUp {
    position: absolute;
    bottom: 50px;
    left: 45px;
    width: 465px;
}

.endbtns {
    height: 50px;
    font-size: 17px;
}

.btnsLeft {
    height: 50px;
    display: inline-block;
    width: 280px;
    background: #fff;
    line-height: 50px;
    /* text-indent: 15px; */
    color: #F93b00;
    display: inline-block;
    margin-right: 18px;
    cursor: pointer;
    text-align: center;
}

.btnsRgiht {
    width: 165px;
    background: #C15C29;
    line-height: 50px;
    height: 50px;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
}

.moreTips {
    margin-bottom: 30px;
    font-size: 14px;
}

.moreTips p {
    margin: 0;
    padding: 2px;
}

.layui-layer-page .layui-layer-content {
    overflow: visible !important;
}

.payOcrBtnsInners {
    padding: 10px 30px;
    background: #F93b00;
    color: #fff;
    border-radius: 2px;
    margin: 0 auto 20px;
    width: 188px;
    text-align: center;
    cursor: pointer;
}
.payPdfBoxByTime .listParam{
    width: 265px;
}
/**
切换默认空间弹出层
 */
.li_project{
    height: 460px;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
}
.li_project .li {
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    padding: 0 10px;
    position: relative;
    border-radius: 4px;
    border-bottom: 1px solid #F7F7F7;
}
.li_project .li .tag{
    font-size: 12px;
    color: #CCCCCC;
    position: absolute;
    right: 10px;
}
/* 滚动条整体样式 */
::-webkit-scrollbar{width: 10px;height: 10px;background: #d2d2d2;}
/* 滚动槽 */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(245, 245, 245);
    border-radius: 2px;
    background: #FFFFFF;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb{
    border-radius: 2px;
    background: #d2d2d2;
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #d2d2d2;
}
/* 边角 即两个滚动条的交汇处 */
::-webkit-scrollbar-corner{
    background: #FFFFFF;
    border-radius: 2px;
}
/*
提示框按钮
 */
.layui-layer-btn .layui-layer-btn0{
    border-color: #F93B00!important;
    background-color: #F93B00!important;
    color: #fff;
}
.layui-layer-btn .layui-layer-btn1:hover{
    border-color: #F93B00!important;
    color: #F93B00;
}

/**
提示框字体大小
 */
.layui-layer-dialog .layui-layer-content{
    font-size: 15px!important;
}

.nullBox{
    width: 100%;
    text-align: center;
    padding: 60px 0;
}
.nullBox img{
    width: 200px;
}
.nullBox div{
    margin-top: 10px;
    color: #999;
}
.listBox .nameTisp{
    background-color: #FEB62E;
    color: #FFFFFF;
    border-radius: 20px;
    margin-left: 5px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: -1px;
}
.listBox .nameTisp1{
    background-color: #64B34C;
    color: #FFFFFF;
    border-radius: 20px;
    margin-left: 5px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: -1px;
}
.listBox .nameTisp2{
    background-color: #FEB62E;
    color: #FFFFFF;
    border-radius: 20px;
    margin-left: 5px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: -1px;
}
.listBox .nameTisp3{
    background-color: #9863fc;
    color: #FFFFFF;
    border-radius: 20px;
    margin-left: 5px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: -1px;
}
.help{
    position: relative;
    cursor: pointer;
}
.help_title_right{
    left: 30px;
}
.help_title_left{
    right: 30px;
}
.help_title{
    position: absolute;
    top: 0;
    width: 300px;
    padding: 8px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #eeeeee;
    display: none;
    box-shadow: 10px 10px 20px hsl(0deg 0% 0% / 25%);
    background-color: #FFFFFF;
    color: #999999!important;
    font-weight: 100!important;
    transition: all .3s;
    -webkit-transition: all .3s;
    z-index: 99;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}
input[type='number'] {
    -moz-appearance: textfield;
}
label{
    -webkit-user-select: none; /* Chrome / Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}
.openDoubt{
    height: 400px;
    width: 420px;
    text-align: center;
    position: relative;
}
.openDoubt img{
    width: 360px;
    margin-top: 15px;
}
.openDoubt .payTitle{
    font-size: 18px;
    text-align: center;
    margin-top: 6px;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.primaryNameTisp{
    display: none;
    border: 1px solid #e6e6e6;
    background-color: #d2d2d2;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-family: 'PFr9y1';
}
.primarySurnameTisp{
    display: none;
    border: 1px solid #e6e6e6;
    background-color: #d2d2d2;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-family: 'PFr9y1';
}
.openCloudPayBox {
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    height: 100%;
}
.openCloudPayBox .boxLeft{
    width: 60%;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
}
.openCloudPayBox .boxLeft .border_right{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px dashed #cccccc;
}
.openCloudPayBox .openPay{
    width: 40%;
    box-sizing: border-box;
    padding-left: 20px;
    text-align: center;
    position: relative;
    user-select: none;
}
.openCloudPayBox .openPay .payCode {
    display: none;
}
.openCloudPayBox .openPay .payTitle {
    font-weight: bold;
    color: #999;
    margin-top: 5px;
    display: none;
}
.openCloudPayBox .openPay .payTest {
    position: absolute;
    color: #F93B00;
    top: 90px;
    left: 0px;
    font-size: 13px;
    font-weight: bold;
    width: 30px;
    height: 30px;
}
.openCloudPayBox .openPay .payClickInfo {
    color: #999;
    font-size: 16px;
    position: absolute;
    top: 42%;
    left: 32px;
    transform: translateY(-50%);
    text-align: center;
}
.openCloudPayBox .openPay .payClickInfo i {
    font-size: 72px;
    color: #48b338;
}
.openCloudPayBox .openPay .payClickInfo div{
    margin-top: 10px;
    font-weight: bold;
}
.openCloudPayBox .line {
    margin-bottom: 10px;
    display: flex;
    position: relative;
    line-height: 30px;
    font-weight: bold;
}
.openCloudPayBox .line input{
    width: 225px;
    line-height: 28px;
    height: 30px;
    border-radius: 0;
    border: 1px solid #cccccc;
    text-align: center;
    margin-right: 10px;
    font-weight: bold;
    user-select: none;
}
.openCloudPayBox .line .reduceBut{
    position: absolute;
    top: 50%;
    left: 71px;
    width: 60px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
    user-select: none;
}
.openCloudPayBox .line .reduceBut:hover{
    background-color: #F93b00;
    color: #FFFFFF;
}
.openCloudPayBox .line .addBut{
    position: absolute;
    top: 50%;
    left: 233px;
    width: 60px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
    user-select: none;
}
.openCloudPayBox .line .addBut:hover{
    background-color: #F93b00;
    color: #FFFFFF;
}
.openCloudPayBox .submitInfo{
    font-size: 14px;
    color: #7B7B7B;
    text-align: left;
    margin-top: 25px;
}
.openCloudPayBox .submitInfo .val{
    font-size: 20px;
    font-weight: bold;
    color: #F93b00;
}
.openCloudPayBox .submitInfo .val .icon {
    font-size: 12px;
    margin-right: 3px;
    color: #F93b00;
    font-weight: bold;
}
.openCloudPayBox .submitInfo .discount{
    display: none;
}
.openCloudPayBox .submitInfo .discount .original {
    text-decoration: line-through;
    color: #c8c8c8;
}
.openCloudPayBox .leftDiv{
    display: flex;
    position: absolute;
    bottom: 50px;
}
.openCloudPayBox .leftDiv .checkbox{
    width: 18px;
    height: 18px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin-right: 10px;
}
.openCloudPayBox .leftDiv .checkbox i{
    position: relative;
    left: 2px;
    top: 1px;
    color: #FFFFFF;
    display: none;
}
.openCloudPayBox .leftDiv .agreement{
    color: #7B7B7B;
    font-size: 14px;
}
.openCloudPayBox .leftDiv .clickAgreement {
    color: #0B61A4!important;
    font-weight: bold;
}
.openCloudPayBox .select{
    border: 1px solid #F93b00!important;
    background-color: #F93b00!important;
}

.openCloudPayBox .select i {
    color: #FFFFFF!important;
    display: block!important;
}
.openCloudPayBox .submitBut{
    width: 345px;
    background-color: #F93b00;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    height: 36px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    user-select: none;
}
.openCloudTokenBox {
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    height: 100%;
}
.openCloudTokenBox .boxLeft{
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.openCloudTokenBox .line {
    margin-bottom: 10px;
    display: flex;
    position: relative;
    line-height: 30px;
    font-weight: bold;
}
.openCloudTokenBox .line input{
    width: 249px;
    line-height: 28px;
    height: 30px;
    border-radius: 0;
    border: 1px solid #cccccc;
    text-align: center;
    margin-right: 10px;
    font-weight: bold;
    user-select: none;
}
.openCloudTokenBox .line .reduceBut{
    position: absolute;
    top: 50%;
    left: 71px;
    width: 60px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
    user-select: none;
}
.openCloudTokenBox .line .reduceBut:hover{
    background-color: #F93b00;
    color: #FFFFFF;
}
.openCloudTokenBox .line .addBut{
    position: absolute;
    top: 50%;
    left: 257px;
    width: 60px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
    user-select: none;
}
.openCloudTokenBox .line .addBut:hover{
    background-color: #F93b00;
    color: #FFFFFF;
}
.openCloudTokenBox .submitInfo{
    font-size: 18px;
    color: #7B7B7B;
    text-align: left;
    margin-top: 42px;
    position: relative;
}
.openCloudTokenBox .submitInfo img{
    width: 32px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
.openCloudTokenBox .submitInfo .allToken{
    display: flex;
    position: relative;
    line-height: 30px;
    font-weight: bold;
    color: #333333;
}
.openCloudTokenBox .submitInfo .depleteToken{
    display: flex;
    position: relative;
    line-height: 30px;
    font-weight: bold;
    color: #7b7b7b;
    margin-top: 10px;
}
.openCloudTokenBox .submitInfo .depleteToken span{
    color: #F93b00;
}

.openCloudTokenBox .submitInfo .border_top{
    position: absolute;
    left: 0;
    top: -22px;
    border-top: 1px dashed #cccccc;
    width: 100%;
}

.openCloudTokenBox .leftDiv{
    display: flex;
    position: absolute;
    bottom: 50px;
}
.openCloudTokenBox .leftDiv .checkbox{
    width: 18px;
    height: 18px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin-right: 10px;
}
.openCloudTokenBox .leftDiv .checkbox i{
    position: relative;
    left: 2px;
    top: 1px;
    color: #FFFFFF;
    display: none;
}
.openCloudTokenBox .leftDiv .agreement{
    color: #7B7B7B;
    font-size: 14px;
}
.openCloudTokenBox .leftDiv .clickAgreement {
    color: #0B61A4!important;
    font-weight: bold;
}
.openCloudTokenBox .select{
    border: 1px solid #F93b00!important;
    background-color: #F93b00!important;
}

.openCloudTokenBox .select i {
    color: #FFFFFF!important;
    display: block!important;
}
.openCloudTokenBox .submitBut{
    width: 100%;
    background-color: #F93b00;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    height: 36px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    user-select: none;
}
.openTokenBox {
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    height: 100%;
}
.openTokenBox .boxLeft{
    width: 60%;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
}
.openTokenBox .boxLeft .border_right{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px dashed #cccccc;
}
.openTokenBox .openPay{
    width: 40%;
    box-sizing: border-box;
    padding-left: 20px;
    text-align: center;
    position: relative;
    user-select: none;
}
.openTokenBox .openPay .payCode {
    display: none;
}
.openTokenBox .openPay .payTitle {
    font-weight: bold;
    color: #999;
    margin-top: 5px;
    display: none;
}
.openTokenBox .openPay .payTest {
    position: absolute;
    color: #F93B00;
    top: 90px;
    left: 0px;
    font-size: 13px;
    font-weight: bold;
    width: 30px;
    height: 30px;
}
.openTokenBox .openPay .payClickInfo {
    color: #999;
    font-size: 16px;
    position: absolute;
    top: 42%;
    left: 32px;
    transform: translateY(-50%);
    text-align: center;
}
.openTokenBox .openPay .payClickInfo i {
    font-size: 72px;
    color: #48b338;
}
.openTokenBox .openPay .payClickInfo div{
    margin-top: 10px;
    font-weight: bold;
}
.openTokenBox .line {
    display: flex;
    position: relative;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
}
.openTokenBox .line .number{
    width: 225px;
    line-height: 28px;
    height: 30px;
    border-radius: 0;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    user-select: none;
}
.openTokenBox .tokenLine .val{
    font-size: 20px;
    font-weight: bold;
    color: #7b7b7b;
}
.openTokenBox .tokenLine .val img {
    width: 32px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
.openTokenBox .leftDiv{
    display: flex;
    position: absolute;
    bottom: 50px;
}
.openTokenBox .leftDiv .checkbox{
    width: 18px;
    height: 18px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin-right: 10px;
}
.openTokenBox .leftDiv .checkbox i{
    position: relative;
    left: 2px;
    top: 1px;
    color: #FFFFFF;
    display: none;
}
.openTokenBox .leftDiv .agreement{
    color: #7B7B7B;
    font-size: 14px;
}
.openTokenBox .leftDiv .clickAgreement {
    color: #0B61A4!important;
    font-weight: bold;
}
.openTokenBox .select{
    border: 1px solid #F93b00!important;
    background-color: #F93b00!important;
}

.openTokenBox .select i {
    color: #FFFFFF!important;
    display: block!important;
}
.openTokenBox .submitBut{
    width: 345px;
    background-color: #F93b00;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    height: 36px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    user-select: none;
}
.openTokenBox .sizeLine .val {
    font-size: 20px;
    font-weight: bold;
    color: #F93b00;
}
.openTokenBox .sizeLine .val .icon {
    font-size: 12px;
    margin-right: 3px;
    color: #F93b00;
    font-weight: bold;
}
.openTokenBox .Tasps{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.openTokenBox .Tasps .isSelect{
    border: 1px solid #F93b00!important;
}
.openTokenBox .Tasps .isSelect .commodityAmount{
    color: #F93b00;
}
.openTokenBox .Tasp {
    width: calc(25% - 3px);
    margin-bottom: 3px;
    box-sizing: border-box;
    padding: 2px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    user-select: none;
}
.openTokenBox .Tasp .commodityAmount{
    font-weight: bold;
}
.openTokenBox .Tasp .commodityDettails{
    font-size: 10px;
    color: #7b7b7b;
}

/* flex布局公用样式 */
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-a-center {
    display: flex;
    align-items: center;
}

.flex-j-center {
    display: flex;
    justify-content: center;
}

/*纵向排列，居中对齐*/
.flex-col-a-center {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.flex-j-start {
    display: flex;
    justify-content: flex-start;
}

.flex-j-end {
    display: flex;
    justify-content: flex-end;
}

.flex-a-end {
    display: flex;
    align-items: flex-end;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.flex-j-around {
    display: flex;
    justify-content: space-around;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}