body,html{
    opacity:0;
    filter: alpha(opacity=0);
    transition: opacity .3s;
}
body.opacity,html.opacity{
    opacity:1;
    filter: alpha(opacity=100);
}
.pagecolor{
    background:#151515 !important;
}
.cfff{
    color:#fff !important;
}
.c888{
    color:#888 !important;
}
.red{
    color:#de403f !important;
}
.green{
    color:#2eb85e !important;
}
.el-message-box{
    background-color: #212121;
    border-color:#212121;
}
.el-message-box__title{
    color:#fff;
}
.el-message-box__headerbtn .el-message-box__close {
    color: #888;
}
.el-message-box__message p {
    color: #888;
}
.el-input__inner{
    background-color: #212121;
    border: 1px solid #888;
}
.el-button{
    background: #888;
    border: 1px solid #888;
    color: #fff;
}
.el-button--primary {
    color: #FFF;
    background-color: #de403f;
    border-color: #de403f;
}
.el-input__inner{
    color:#f5f5f5;
}
#app{
    padding-bottom: 1.2rem;
}
.w92{
    width:94%;
    margin: 0 auto;
    position: relative;
}
.login-box{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.login-box .bg{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    background:rgba(0,0,0,.3);
}
.login-form{
    width:84%;
    position: absolute;
    z-index: 2;
    top:50%;
    left: 8%;
    transform: translate(0,-50%);
}
.login-form .logo{
    width:2.48rem;
    display: block;
    margin:0 auto 1.2rem;
}
.login-form label{
    width:100%;
    display: block;
    padding-left: .69rem;
    border-bottom: 1px solid #686868;
    background-size: .36rem auto !important;
}
.login-form label.telephone{
    background:url(../img/login02.png) no-repeat 0.08rem center;
}
.login-form label.password{
    background:url(../img/login03.png) no-repeat 0.08rem center;
}
.login-form .el-input__inner{
    width:100%;
    border:none;
    background: none;
    color:#fff;
    font-size: .26rem;
    padding-left: 0;
    height:.88rem;
    line-height: .88rem;
}
.login-form .submit{
    width:100%;
    margin-top: 2.1rem;
    height:.88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .3rem;
    color:#fff;
    background:#d30314;
    border:none;
    border-radius: .44rem;
}
.page-title{
    width:100%;
    text-align: center;
    font-size: .36rem;
    line-height:.88rem;
    position: relative;
    border-bottom:1px solid #212121;
}
.page-title.other{
    border-bottom:none;
}
.page-title h2{
    padding-top: .1rem;
    font-size: .36rem;
    line-height: .48rem;
}
.page-title h3{
    padding-bottom: .06rem;
    font-size: .26rem;
    line-height: .35rem;
}
.page-title .delte{
	color:#ddd;
	position: absolute;
    right: .3rem;
    top:0;
    font-size: .26rem;
}
.page-title .back{
    position: absolute;
    left:.3rem;
    top:0;
    width:.4rem;
    height:100%;
    background: url(../img/per11.png) no-repeat center;
    background-size: .2rem;
}
.page-title .search-link{
    position: absolute;
    right:.3rem;
    top:0;
    width:.4rem;
    height:100%;
    background: url(../img/mar01.png) no-repeat center;
    background-size: .36rem;
}
.page-title .Flow_type{
    position: absolute;
    right:.3rem;
    top:0;
    font-size: .26rem;
    color:#448ef6;
    line-height: .88rem;
}
.footer{
    width:100%;
    position: fixed;
    bottom:0;
    left:0;
    border-top:1px solid #212121;
    z-index:8;
    padding-bottom: .2rem;
}
.footer li{
    float: left;
    width:25%;
    text-align: center;
}
.footer li a{
    display: block;
    width:100%;
    padding-top:0.11rem;
}
.footer li .picture{
    width:.45rem;
    height:.44rem;
    position: relative;
    margin:0 auto 0.03rem;
}
.footer li img{
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
.footer li .img{
    opacity:1;
    filter: alpha(opacity=100);
}
.footer li .hover{
    opacity:0;
    filter: alpha(opacity=0);
}
.footer li.hover .img{
    opacity:0;
    filter: alpha(opacity=0);
}
.footer li.hover .hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.footer li h2{
    font-size: .2rem;
    line-height: .4rem;
}
.footer li h2{
    color:#888;
}
.footer li.hover h2{
    color:#e60012;
}
.tabel-box .el-table th,.tabel-box .el-table tr{
    background: none;
    border-bottom: 1px solid #212121;
}
.tabel-box .el-table td, .tabel-box .el-table th.is-leaf{
    border-bottom: 1px solid #212121;
    background: #151515;
}
.tabel-box .el-table h3, .tabel-box .el-table h3{
    font-size: .24rem;
}
.tabel-box .el-table td,.tabel-box .el-table th{
    padding: 0;
    margin: 0;
}
.tabel-box .el-table th{
    font-size: .26rem;
    color:#888;
}
.tabel-box .el-table tr{
    font-size: .28rem;
    color:#888;
}
.tabel-box .el-table{
    height:calc(100vh - 3rem);
    background:none;
}
.tabel-box.otherflow .el-table{
	overflow:auto;
}
.otherflow .el-table .cell{
	padding-left:0;
	padding-right:0;
}
.tabel-box .el-table h2{
    font-size: .3rem;
    color:#fff;
    line-height: .46rem;
    height: .46rem;
    margin-top: .15rem;
}
.tabel-box .el-table p{
    font-size: .2rem;
    color:#ddd;
    line-height: .49rem;
    margin-bottom: .05rem;
}
.tabel-box .el-table::before,.tabel-box .el-table__fixed-right::before, .tabel-box .el-table__fixed::before{
    width:0px;
    height:0;
}
.el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
    background:#151515;
}
.personal-top{
    background:url(../img/per01.jpg) no-repeat center;
    width:100%;
    background-size: cover;
    padding-bottom: .2rem;
}
.personal-top p{
    font-size: .24rem;
    color:rgba(255,255,255,.6);
    line-height: .44rem;
}
.personal-top h2{
    font-size: .66rem;
    font-weight: bold;
    color:#fff;
    line-height: .86rem;
}
.personal-top .show{
    width:.66rem;
    height:.44rem;
    margin-left: .2rem;
    background:url(../img/per02.png) no-repeat center;
    background-size: .3rem auto !important;
    float: left;
}
.personal-top .show.hover{
    background:url(../img/per02_h.png) no-repeat center;
}
.personal-top ul{
    padding-top: .63rem;
}
.personal-top li{
    float: left;
    width:32%;
    margin-left: 2%;
}
.personal-top li:first-child{
    margin-left: 0;
}
.personal-top li h3{
    font-size: .4rem;
    font-weight: bold;
    color:#fff;
    line-height: .7rem;
}
.personal-intro{
    padding: .31rem 0 .2rem;
   border-bottom:.2rem solid #212121;
}
.personal-intro ul{
    width:100%;
    padding-bottom: .22rem;
}
.personal-intro li{
    float: left;
    width:25%;
    text-align: center;
}
.personal-intro li img{
    width:.44rem;
    margin:0 auto .15rem;
    display: block;
}
.personal-intro li p{
    font-size: .26rem;
    line-height: .36rem;
    min-height: .72rem;
}
.personal-intro .Progress-bar{
    width:100%;
    height:.1rem;
    background:#2f64fc;
    position: relative;
    margin-bottom: 1.1rem;
    border-radius: .05rem;
}
.personal-intro .Progress-bar span{
    transition: all 0.3s;
}
.personal-intro .Progress-bar .early-line{
    height:100%;
    background:#fcc800;
    position: absolute;
    left:0;
    top:0;
    border-radius: .05rem;
}
.personal-intro .Progress-bar .close-line{
    height:100%;
    background:#de403f;
    position: absolute;
    left:0;
    top:0;
    border-radius: .05rem;
}
.personal-intro .Progress-bar p{
   font-size: .26rem;
   line-height: .4rem;
   position: absolute;
   right:0;
   top:.3rem; 
   min-width: .8rem;
   color:#2f64fc;
   text-align: center;
}
.personal-intro .Progress-bar .yuan{
    width:.24rem;
    height:.24rem;
    margin:-.12rem 0 0 -.24rem;
    position: absolute;
    top:50%;
    border-radius: 50%;
    background:#2f64fc;
    transition: left 0.8s;
}
.personal-list,.personal-btn,.account-box,.account-list{
    width:100%;
    display: block;
    border-bottom:.2rem solid #212121;
}
.personal-btn a{
    display: block;
    width: 100%;
}
.personal-list li{
    float: left;
    width: 100%;
    font-size: .26rem;
    padding:0 .3rem 0 .92rem;
    background-size: .37rem auto !important;
    background-position: .35rem center !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid #212121;
    line-height: .88rem;
}
.personal-list li.ico1{
    background-image: url(../img/per06.png);
}
.personal-list li.ico2{
    background-image: url(../img/per07.png);
}
.personal-list li.ico3{
    background-image: url(../img/per08.png);
}
.personal-list li.ico4{
    background-image: url(../img/per09.png);
}
.personal-list li a{
    float: left;
    width: 100%;
}
.personal-list li .jt{
    padding-right: .38rem;
    background: url(../img/per10.png) no-repeat right center;
    background-size: .14rem auto;
}
.personal-list li .stat{
    color:#448ef6;
}
.personal-btn,.account-add{
    text-align: center;
    font-size: .3rem;
    line-height: .88rem;
    display: block;
    width: 100%;
}
.account-list li{
    padding: 0 .3rem;
    font-size: .3rem;
    line-height: .88rem;
    border-bottom: 1px solid #212121;
}
.el-message-box{
    width:80%;
}
.account-list li.hover{
    background:url(../img/per12.png) no-repeat 95% center;
    background-size:.26rem auto;
}
.password-box{
    width: 100%;
}
.password-box label{
    width:100%;
    display: block;
    padding: 0 .3rem;
    border-bottom: 1px solid #212121;
}
.password-box label h2{
    float: left;
    font-size: .26rem;
    line-height: .88rem;
    width: 26%;
}
.password-box label .el-input{
    width:74%;
    float: left;
}
.password-box label .el-input__inner{
    width:100%;
    background:none;
    border:none;
    line-height: .88rem;
    height:.88rem;
    padding-left: 0;
}
.password-box .submit{
    padding: 0;
    height:.88rem;
    line-height: .88rem;
    text-align: center;
    color:#fff;
    margin-top: 1.6rem;
    background:#e60012;
    font-size: .3rem;
    border:none;
    display: block;
    border-radius: .44rem;
}
.Market-list{
    width:100%;
    padding:.2rem 0 .22rem;
    border-bottom:.2rem solid #212121
}
.Market-list li{
    float: left;
    width:50%;
    margin-bottom: .25rem;
    text-align: center;
    border-left:1px solid #212121;
}
.Market-list li:first-child{
    border-left:none;
}
.Market-list li h3{
    font-size: .26rem;
    line-height:.36rem;
}
.Market-list li h2{
    font-size: .36rem;
    line-height:.46rem;
    margin-top:.04rem;
    color: #fff;
}
.Market-list li .box{
    line-height: .34rem;
    height: .34rem;
}
.Market-list li .tfonts{
    font-size: .26rem;
    line-height: .34rem;
    margin:0 .02rem;
    display:inline-block;
    color: #f5f5f5;
}
.Ranking-list .el-table__body, .Ranking-list .el-table__footer, .el-table__header{
    width:100% !important;
    /* padding: 0 3%; */
}
.Ranking-list .el-table .sort-caret{
    left:3px;
}
.Ranking-list .el-table .caret-wrapper{
    width:12px;
}
.Ranking-list .title{
    border-bottom:1px solid #212121;
    width:100%;
    font-size: .3rem;
    line-height: .88rem;
    padding: 0 3%;
    background-image: url(../img/mar02.png);
    background-repeat: no-repeat;
    background-size:.26rem auto;
    background-position: 96% center;
}
.Ranking-list .title.hover{
    background-image: url(../img/mar02_h.png);
}
.Ranking-list .tabel-box .el-table{
    height:auto;
}
.Ranking-list .con{
    display: none;
}
.optional-search{
    width:100%;
    position:fixed;
    padding:.1rem 3%;
    top:0;
    left:0;
    z-index: 3;
}
.optional-search form{
    padding: 0;
    padding-left:.79rem;
    width:6rem;
    float: left;
    line-height: .68rem;
    border-radius:.34rem;
    background:#212121 url(../img/mar03.png) no-repeat .2rem center;
    background-size:.36rem auto;
}
.optional-search input{
    padding: 0;
    margin: 0;
    line-height: .68rem;
    height:.68rem;
    font-size: .26rem;
    width:100%;
    color:#fff;
    background: none;
    border:none;
}
.optional-search .calc{
    line-height: .68rem;
    height:.68rem;
    float: right;
    font-size: .26rem;
}
.search-list{
    padding-top:.98rem;
}
.search-list li{
    width:100%;
    border-bottom:1px solid #212121;
    float: left;
}
.search-list li a{
    float: left;
    color:#ddd;
    width:80%;
    display: block;
}
.search-list li h2,.search-list li h3{
    width:32%;
    font-size: .26rem;
    line-height: .88rem;
}
.search-list li .add-optional{
    width:.48rem;
    height:.88rem;
    float: right;
    background:url(../img/mar04_h.png) no-repeat center;
    background-size: .36rem auto !important;
}
.search-list li .add-optional.hover{
    background:url(../img/mar04.png) no-repeat center;
}
.optional-search .search-box{
    position: absolute;
    top:.88rem;
    left:0;
    width:100%;
    height:calc(100vh - .88rem);
}
.optional-search .search-box .search-list{
    padding-top: .1rem;
}
.details-top{
    padding: .15rem 3% .12rem;
    width:100%;
    border-bottom:.2rem solid #212121;
}
.details-top .left{
    width:35%;
    text-align: center;
    padding:.27rem 0 0;
}
.details-top .left h2{
    font-size: .6rem;
    line-height: .89rem;
    font-weight: bold;
}
.details-top .left h3{
    font-size: .26rem;
    line-height: .4rem;
    height:.4rem;
}
.details-top .left span{
    display: inline-block;
    margin:0 .05rem;
}
.details-top .right{
    width:65%;
    float: right;
}
.details-top .right li{
    float: left;
    width:40%;
    font-size: .26rem;
    line-height: .44rem;
}
.details-top .right li:nth-child(2n){
    width:60%;
}
.details-top .right span{
    margin-left: .1rem;
}
.details-top .see-more{
    width:.35rem;
    height:.15rem;
    background:url(../img/mar02_h.png) no-repeat center;
    background-size: auto 100%;
    margin:.2rem auto 0;
}
.see-more-box{
    width:100%;
    position: fixed;
    top:0;
    left:0;
    background: rgba(0,0,0,.5);
    height:100%;
    z-index: 5;
}
.see-more-box .content{
    width:84%;
    padding:.5rem .3rem .45rem;
    background:#212121;
    border-radius: .2rem;
    position: absolute;
    top:50%;
    left:8%;
    transform: translate(0,-50%);
}
.see-more-box .content .close{
    width:.4rem;
    height:.4rem;
    position: absolute;
    top:.13rem;
    right:.13rem;
    background:url(../img/close01.png) no-repeat center;
    background-size: .26rem auto;
}
.see-more-box .content h2{
    font-size: .3rem;
    line-height: .48rem;
    text-align: center;
    padding-bottom: .33rem;
}
.see-more-box .content ul{
    width:100%;
}
.see-more-box .content li{
    float: left;
    color:#fff;
    font-size: .26rem;
    line-height: .54rem;
    width:48%;
}
.see-more-box .content li:nth-child(2n){
    float: right;
}
.date-list-title{
    width:100%;
}
.date-list-title li{
    float: left;
    width:20%;
    text-align: center;
    font-size: .3rem;
    color:#888;
    line-height: .99rem;
    position: relative;
}
.date-list-title li.hover{
    color:#448ef6;
}
.date-list-title li .fenz{
    padding-right: .12rem;
    background: url(../img/mar05.png) no-repeat right bottom;
    background-size: .12rem auto !important;
}
.date-list-title li.hover .fenz{
    background: url(../img/mar05_h.png) no-repeat right bottom;
}
.date-list-title li .cound-box{
    width: 100%;
    background:#212121;
    position: absolute;
    top: 100%;
    right:0;
    z-index: 2;
}
.date-list-title li .cound-box a{
    font-size: .26rem;
    line-height: .66rem;
    display: block;
    width: 100%;
}
.date-list-con .m-line{
    width:63%;
    float: left;
    height:4.8rem;
}
.date-list-con .k-content{
    width:6.9rem;
    height:4.8rem;
}
.date-list-con .Business{
    width:35%;
    float: right;
}
.date-list-con .Business li{
    font-size: .26rem;
    line-height: .46rem;
    position: relative;
    width:100%;
    height:.46rem;
    text-align: center;
}
.date-list-con .Business li:nth-child(5){
    margin-bottom: .3rem;
}
.date-list-con .Business span{
    position: absolute;
    top:0;
    display: block;
    font-size: .22rem;
    line-height: .46rem;
}
.date-list-con .Business span.left{
    left:0;
}
.date-list-con .Business span.right{
    right:0;
}
.trade-index-list{
    width:100%;
}
.trade-index-list li{
    float: left;
    width:33.33%;
    margin:.1rem 0 .49rem;
    text-align: center;
}
.trade-index-list li a{
    display: block;
    width:100%;
}
.trade-index-list li img{
    width: .68rem;
    display: block;
    margin:0 auto .19rem;
}
.trade-index-list li p{
    color:#fff;
    font-size: .26rem;
    line-height: .46rem;
}
.trade-title-list{
    width:100%;
    border-bottom:1px solid #212121;
}
.trade-title-list li{
    float: left;
    width:20%;
    text-align: center;
    line-height: .88rem;
    font-size: .3rem;
}
.trade-title-list li a{
    color:#888;
}
.trade-title-list li.hover a{
    color:#e60012;
}
.trade-search-list li{
    width:100%;
    display: block;
    font-size: .26rem;
    line-height: .88rem;
    border-bottom:1px solid #212121;
}
.trade-search-list li a{
    display: block;
    width:100%;
    padding-right: .2rem;
    background: url(../img/t06.png) no-repeat right center;
    background-size:.14rem auto;
}
.trade-capital-list{
    padding-top: .25rem;
    width:84%;
    margin: 0 auto;
}
.trade-capital-list li{
    width:100%;
    float: left;
    font-size: .26rem;
    line-height: .56rem;
}
.trade-capital-list li h2{
    float: right;
}
.no-information{
    width:100%;
    text-align: center;
    position: absolute;
    top:1.5rem;
}
.no-information img{
    width:3.14rem;
    margin-bottom: .29rem;
}
.no-information p{
    font-size: .22rem;
    line-height: .42rem;
}
.tabel-box .el-table a{
    font-size: .26rem;
    color:#448ef6;
    display: block;
    width:100%;
}
.timer{
    height: .88rem;
    line-height: .88rem;
}
.timer .el-date-editor .el-range-input{
    color:#888;
    font-size: .22rem;
    width:41%;
    background: none;
    height: .88rem;
    line-height: .88rem !important;
    
}
.timer .el-range-editor.el-input__inner{
    text-align: center;
    background: #212121;
    border: none;
    height: .88rem;
    line-height: .88rem;
    width: 100%;
    padding: 0 13%;
}
.timer .el-date-editor .el-range__icon {
    color: #fff;
    line-height: .88rem;
    height: .88rem;
}
.timer .el-date-editor .el-range-separator {
    line-height: .88rem;
    width:30%;
    color: #fff;
    overflow: hidden;
}
.tabel-box .el-table a.celce{
    width:1.16rem;
    border:1px solid #e60012;
    line-height: .56rem;
    text-align: center;
}
.Flow-type-box,.submit-box-buy{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    z-index:5;
}
.Flow-type-box .con{
    width:84%;
    background:#212121;
    padding:.3rem .3rem 0;
    border-radius: .15rem;
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.Flow-type-box .con h2{
    font-size: .3rem;
    color:#fff;
    line-height: .82rem;
    text-align: center;
    margin-bottom: .17rem;
}
.Flow-type-box .con ul{
    width:100%;
    position: relative;
    overflow: auto;
    height:7.7rem;
}
.Flow-type-box .con li{
    font-size: .26rem;
    color:#fff;
    width:100%;
    line-height: .53rem;
    float: left;
}
.Flow-type-box .con li.hover .box{
    background:url(../img/t08_h.png) no-repeat center;
}
.Flow-type-box .con .box{
    width:.53rem;
    height:.53rem;
    float:right;
    display: block;
    background:url(../img/t08.png) no-repeat center;
    background-size:.26rem auto !important;
    transition: background 0.5s;
}
.Flow-type-box .flow-btns{
    width:100%;
    border-top:1px solid #151515;
}
.Flow-type-box .flow-btns a{
    width:50%;
    text-align: center;
    font-size: .26rem;
    color:#fff;
    line-height: .88rem;
    float: left;
}
.Flow-type-box .flow-btns a:first-child{
    border-right:1px solid #151515;
}
.tabel-box .el-table p.bb{
    margin-bottom: 0;
}
.tabel-box.other .el-table__fixed,.tabel-box.other .el-table__body,.tabel-box.other .el-table__fixed-header-wrapper,.tabel-box.other .el-table__header{
    width:100% !important;
    max-width: 100%;
}
.tabel-box.other{
    border-top:.2rem solid #212121;
}
.tabel-box.other .el-table{
    height:auto;
}
.tabel-box.other .el-table th>.cell,.tabel-box.other .el-table .cell{
    padding: 0 5px;
}
.date-list-con.trade_buy_sell .Business li:nth-child(5){
    border-bottom:1px solid #888;
    padding-bottom: .14rem;
    margin-bottom: .14rem;
    height: .6rem;
}
.trade_buy_sell{
    padding: .15rem 0 .2rem;
}
.trade_buy_sell .left-box{
    width:63%;
    float: left;
}
.search-lebel{
    width:100%;
    border:1px solid #888;
    line-height: .56rem;
    position: relative;
    padding:0 .2rem 0 .66rem;
    border-radius:3px;
    background:url(../img/t09.png) no-repeat .15rem center;
    background-size:.26rem auto;
    margin-bottom: .3rem;
}
.search-lebel .input{
    width:100%;
    font-size: .26rem;
    color:#f5f5f5;
    line-height: .56rem;
    background: none;
    border:none;
    margin: 0;
    padding: 0;
    display: block;
}
.search-listbox{
    width:100%;
    position: absolute;
    top: 101%;
    left: 0;
    background: #212121;
    padding: .2rem 6%;
    height: 3rem;
    display: none;
	z-index:3;
    overflow: auto;
}
.search-listbox li{
    font-size: .26rem;
    line-height: .46rem;
    color:#f5f5f5;
}
.trade_buy_sell .show-box{
    width:100%;
    border:1px solid #e60012;
    position: relative;
    border-radius:2px;
    overflow: hidden;
}
.trade_buy_sell .show-box span{
    width:.56rem;
    height:.56rem;
    text-align: center;
    line-height: .56rem;
    background:#e60012;
    display: block;
    color:#fff;
    font-size: .4rem;
    font-weight: bold;
	
}
.trade_buy_sell .show-box span.none{
    background:#888;
}
.trade_buy_sell .show-box input{
    width:calc(100% - 1.12rem);
    float: left;
    text-align: center;
    background: none;
    border:none;
    font-size: .3rem;
    line-height: .5rem;
    color: #888;
    display: block;
    margin: 0;
    padding: 0;
}
.trade_buy_sell .show-num{
    width: 100%;
    font-size: .22rem;
    color:#888;
    line-height:.61rem;
}
.trade_buy_sell .can-strand{
    width:100%;
}
.trade_buy_sell .can-strand h2{
    font-size: .22rem;
    color:#333;
    line-height:.61rem;
}
.trade_buy_sell .can-strand ul{
    width:100%;
    margin-bottom: .6rem;
}
.trade_buy_sell .can-strand li{
    float: left;
    width: 30%;
    margin-left:5%;
    text-align: center;
    border:1px solid #888;
    color:#888;
    line-height: .56rem;
    border-radius:2px;
    font-size: .24rem;
}
.trade_buy_sell .can-strand li:first-child{
    margin-left: 0;
}
.trade_buy_sell .can-strand li.hover{
	border-color:#e60012;
}
.trade_buy_sell .can-strand li.on{
	border-color:#0a6bde;
}
.trade_buy_sell .btns-bottom{
    width:100%;
}
.trade_buy_sell .btns-bottom a{
    border:1px solid #e60012;
    background:#e60012;
    font-size: .3rem;
    color:#fff;
    line-height: .86rem;
    text-align: center;
    border-radius: 2px;
}
.trade_buy_sell .btns-bottom a.market{
    width: 30%;
    background:none;
    color:#e60012;
}
.trade_buy_sell .btns-bottom a.purchase{
    width:65%;
}
.trade_buy_sell.date-list-con .Business li{
    height: .52rem;
    line-height: .52rem;
}
.trade_buy_sell.sell .show-box{
    border-color:#515861;
}
.trade_buy_sell.sell .show-box span{
    background:#0a6bde;
}
.trade_buy_sell.sell .show-box span.none{
	background: #888;
}
.trade_buy_sell.sell .btns-bottom a.market{
    color: #0a6bde;
    border-color:#0a6bde;
}
.trade_buy_sell.sell .btns-bottom a.purchase{
    background-color:#0a6bde;
    border-color:#0a6bde;
}
.submit-box-buy .content{
    width:84%;
    background:#212121;
    padding:.4rem .5rem .8rem;
    border-radius: .15rem;
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.submit-box-buy .content h2{
    font-size: .3rem;
    line-height: .68rem;
    color:#fff;
    text-align: center;
}
.submit-box-buy .content h3{
    font-size: .3rem;
    line-height: .59rem;
    color:#fff;
}
.submit-box-buy .content ul{
    width:100%;
    padding-bottom: .15rem;
    border-bottom:1px solid #121212;
}
.submit-box-buy .content li{
    float: left;
    width: 48%;
    font-size: .26rem;
    color:#666;
    line-height: .54rem;
}
.submit-box-buy .content li:nth-child(2n){
    float: right;
}
.submit-box-buy .content p{
    font-size: .22rem;
    color:#666;
    line-height: .42rem;
    padding:.2rem 0 .5rem;
}
.submit-box-buy .content .btts{
    width:3.88rem;
    margin:0 auto;
}
.submit-box-buy .content .btts a{
    width: 45%;
    line-height: .58rem;
    text-align: center;
    border-radius:3px;
    float: left;
    display:block;
    color:#fff;
    background:#e60012;
    font-size: .26rem;
}
.submit-box-buy .content .btts a:nth-child(2){
    float:right;
    background:#888;
}
.font-show{
    text-align: center;
    font-size: .3rem;
    color:#fff;
    line-height: .56rem;
}
.tabel-box .el-table__empty-text{
    display:none;
}
.search-cancal{
    text-align: center;
    color: #888;
    line-height: .56rem;
    font-size: .28rem;
    padding-top: .3rem;
}
.el-date-range-picker{
	width:100%;
	max-width:100%;
}
.el-date-range-picker .el-picker-panel__body{
	max-width:100%;
	min-width:100%;
}
.el-date-range-picker__content{
	padding:5px;
}
.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 0px;
    margin-right: 0px;
}
.trade-order-submit{
	width:92%;
	position:fixed;
	bottom:0.1rem;
	left:4%;
	background:#de403f;
	color:#fff;
	text-align:center;
	display:block;
	font-size:.32rem;
	border-radius:.1rem;
	line-height:.88rem;
	height:.88rem;
}