html{font-size: 16px;}
*{
    padding: 0 ;
    margin: 0;
    box-sizing: border-box;
}
li,ul{
    list-style-type: none;
}
.wrap{width: 100vw;height: 100vh;background-color: #fff;overflow-x: hidden;}
.wrap .head {width: 100%;display: flex;justify-content: space-between;background-color: #EBEBEB;align-items: center;}
.wrap .tab-head{display: flex;}
.wrap .tab-head .tab-item{cursor: pointer;padding:.5rem 1rem;font-weight: 600;}
.wrap .tab-head .tab-item.active{background-color: #F3F8FF;color: #2C68FF;}
.wrap .head .closePage{padding:0 1rem;cursor: pointer;}
.wrap .filter{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;padding: 1rem;flex-wrap: nowrap;padding-top: 0;}
.filter .filter-option{display: flex;width: 90%;flex-wrap: wrap;}
.filter-option .filter-item{display: flex;margin-right: 1rem;margin-top: 1rem;}
.filter-btn{display: flex;margin-top: 1rem;}
.btn{padding: 0.25rem 1rem;border: 1px solid #ccc;cursor: pointer;margin-right: .5rem;border-radius: .25rem;flex-shrink: 0;}
.btn:last-child{margin-right: 0;}
.btn.active{background-color: #2C68FF;border: 1px solid #2C68FF;color: #fff;}
.btn.outset,.btn.blue{background-color: #259cf3;color: #fff;}
input,select{outline: none;border: 1px solid #ccc;padding: .5rem;min-width: 10rem;border-radius: .2rem;}
.wrap .main{width: 100%;height: 85%;}
.main .content {width: 100%;display: flex;justify-content: space-between;padding: 0 1rem;padding-bottom: 1rem;}
.main .content .totalsum{display: flex;}
.main .content .totalsum>div{margin-right: 1rem;}
.main .content .right{display: flex;}
.main .content .right>div{margin-right: .5rem;}
/* .wrap .main .listmain{position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid ;} */
.wrap .main .listmain{height: 95%;margin:0 1rem;overflow: auto;}
table{border-collapse: collapse;text-align: center;width: 100%;border: 1px solid #DCDCDC;}
table td,table th{border: 1px solid #ccc;padding:0.5rem 1rem;}
table td:last-child,table th:last-child{border-right: 0;}
table thead{background-color: #eee;position: sticky;top: -2px;left: 0;}
.leiji{margin-left: 1rem;text-decoration: underline;color: #2C68FF;cursor: pointer;}
.tcmask{width: 100vw;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;display: none;}
.tcmask .tcmain{width: 100%;height: 100%;}
.tcmask .tc-head{width: 100%;}
.tcmask .tc-head .content{width: 100%;display: flex;justify-content: space-between;padding: 1rem;}
.tcmask .tc-head .content .tc-title{font-size: 1.25rem;}
.tcmask .tc-head .content .close-tc{cursor: pointer;}
.page{display: flex;margin-left: .5rem;}
.tcmask .page{padding: 1rem;padding-top: 0;display: flex;justify-content: flex-end;}
.tcmask .tc-list{border: 1px solid #ccc;width: 98%;margin: 0 auto;height: 85%;}
.tc-mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.2);display: none;}
.tc-mask .tc-window{width: 50%;height: 50%; background-color: #fff;margin: 0 auto;margin-top: 12%;}
.tc-window .tc-title{display: flex;justify-content: space-between;padding: 1rem;font-size: 1.125rem;font-weight: 600;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.tc-window .tc-title .closepage{cursor: pointer;}
.tc-window .tc-main{width: 100%;height: 85%;}
.tc-window .tc-main .tab{width: 100%;display: flex;}
.tc-window .tc-main .tab .tab-item{padding: .5rem 1rem;cursor: pointer;}
.tc-window .tc-main .tab .tab-item.active{text-decoration: underline;color: #2C68FF;}
.tc-window .mainlist{width: 98%;max-height: 85%;margin: 0 auto;border: 1px solid #ccc;overflow: auto;}
.trade-filter{width: 98%;border-bottom: 2px solid #2C68FF;margin: 0 auto;display: flex;}
.trade-filter .trade-item{padding: .5rem 2rem;margin-top: .5rem;margin-left: 1rem;cursor: pointer;}
.trade-filter .trade-item.active{background-color: #2C68FF; color: #fff;}
.paixu{display: flex;justify-content: space-evenly;align-items: center;}
.paixu .iconfont{cursor: pointer;}
.layui-laydate .layui-laydate-list .layui-this{background-color: #2C68FF!important;}
.totalPage{margin-left: .5rem;}
.comboTreeInputWrapper{height: 100%;}
.comboTreeInputBox{height: 100%;line-height: 100%;border: 1px solid #ccc!important;padding: 0 .5rem;}
.comboTreeArrowBtn{border: none!important;background-color: #fff!important;}
.comboTreeDropDownContainer{height: 250px!important;}
.layui-laydate-content table,.layui-laydate-content td, .layui-laydate-content th{border: none!important;}
.layui-laydate-content table td.layui-this{background-color: #2C68FF!important;color: #fff;}
.layui-laydate-content table td.laydate-selected{background-color: #ffb7b2;}
.hasdown{position: relative;}
.hasdown .dropdown{position: absolute;top: 100%;left: 0; max-height: 200px;overflow: auto;background-color: #fff;width: 100%;border: 1px solid #ccc;display: none;}
.hasdown .dropdown li{padding:0.5rem 1rem;border-bottom: 1px solid #ccc;cursor: pointer;}
.nav{width:100%;display: flex;margin: 0 auto;margin-top: .5rem;background-color: #F3F8FF;}
.nav .nav-item{border: 1px solid transparent;padding: 0.5rem 1.5rem;border-bottom: 0;cursor: pointer;font-weight: 600;}
.nav .nav-item.active{color: #2C68FF;border-bottom: 2px solid #2C68FF;}
.filter-option .date-enter{position: relative;}
.date-enter .iconfont{position: absolute;top: .5rem;right: .5rem;}
.date-enter input{position: relative;z-index: 999;background-color: rgba(0, 0, 0, 0);}
input[type = "radio"]{min-width: auto;}