@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
*:focus{outline:none;}
html{background:#f8f8f8 center center;}
body,input,textarea{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
body{font-size:20px; color:#666666; padding-bottom:1em;-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none; overflow-x:hidden;}

a,a:link,a:active,a:visited{color:#666; text-decoration:none;}
a:hover,.nav li a:hover{color:#0297ff; text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none; overflow: hidden;}
i,em{font-style:normal;}
img{border:none;}
iframe{border:0;}

@font-face {
    font-family: 'iconfont';  /* project id 1604923 */
    src: url('//at.alicdn.com/t/font_1604923_5d77k80kzwo.eot');
    src: url('//at.alicdn.com/t/font_1604923_5d77k80kzwo.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1604923_5d77k80kzwo.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1604923_5d77k80kzwo.woff') format('woff'),
    url('//at.alicdn.com/t/font_1604923_5d77k80kzwo.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1604923_5d77k80kzwo.svg#iconfont') format('svg');
}
[class*=" os-icon-"], [class^=os-icon-]{font-family: iconfont; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; vertical-align:baseline; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.os-icon-exit:before{content: '\e62a';}
.os-icon-money:before{content: '\e622';}

*::-webkit-scrollbar{width:8px; height:8px;}
*::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background-color:#666}
*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background-color:#f7f7f7}
*::-webkit-scrollbar-thumb:hover{background-color: #f3568c;}


.ift,.lisa li:before{font-family:'iconfont'; display: inline-block;}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5,.boxuser,.boxuser .info,.logo:before,.nav{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,a,a:after,.pic i,.boxalt,.imbk,.boxalt,.boxalt .note{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boximg{max-width:100%!important; height:auto!important;}
.boximg{width:100%; display: block;}
.oohid{opacity:0;visibility: hidden;}

.font2h,.font3h{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h{-webkit-line-clamp:3;}
.fontovdd{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.nbk{background: none!important;}
.boxflex{display:-webkit-flex; display: flex; flex-wrap:wrap;}
.boxflex li{-webkit-flex:1; flex:1; float: left; white-space:nowrap;}
.boxs,.box{width:100%; max-width:414px; box-sizing: border-box; padding:0 .5em; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.boxs{width: 90%;}
.box{padding:0;}
.main{background-color: #fff; padding:15px; overflow: hidden;}

header{position:fixed; top:0; left:0; right:0; z-index:9; background-color: #fff; height:2em; box-shadow: rgba(0,0,0,.05) 0 0 1em;} /* max-width: 750px; margin:0 auto;*/
header .il,header .ir,header .title{position: absolute; top:50%; transform: translateY(-50%); padding:.5em; font-size:1.2em;}
header .title{text-align:center; display: block; left:50%; transform: translate(-50%,-50%); padding:0; font-size:.85em;}
header .il{left:0;}
header .ir{right:0;}
.pth{padding:2em 0 1em;}

.boxFlx{display: flex; justify-content:space-between}
.boxFlx.g1{gap:1em}
.boxFlx.g05{gap:.5em}
.boxFlx.jc{justify-content:center}
.boxFlx.ac{align-items:center}
.boxFlx.fw{flex-wrap: wrap}
.boxFlx.str{justify-content: stretch}

.boxalt{position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background-color: rgba(0,0,0,.3); opacity:0;}
.boxalt .close{position: absolute; top:0; right:0; color:#fff; font-size:1em; padding:.2em .3em; background-color:#000; border-radius:0 0 0 10px;}
.boxalt .note{position:absolute; top:50%; left:40%; transform: translate(-50%,-50%); font-size:20px; border-radius:10px; background-color:rgba(0,0,0,.7); color:#fff; min-width:9em; text-align: center; box-sizing:border-box; padding:1.5em .5em; overflow: hidden;}
.boxalt.on{opacity:1; visibility: visible;}
.boxalt.on .note{left:50%;}
.boxalt .icon{display: block; font-size:2em;}
.boxalt .text{font-size:.7em; padding-top:.6em; display: block;}

.ft_copy{text-align:center; font-size:10px; position:fixed; z-index:2; left:0; right:0; bottom:0; line-height:2em; letter-spacing:1px; background-color:rgba(255,255,255,.7); border-top:1px solid #eee; box-sizing: border-box;}

.vcode-img{position: absolute; top:1px; right:1px; border-radius:3px; cursor:pointer;}
.titlesa{text-align:center; display:block; font-size:2em; padding:2em 0 1em; background: linear-gradient(to left, #0297ff,#00ff96); -webkit-background-clip: text; color: transparent;}
.titlesa i{margin-right:.3em;}
.boxlogin .el-form-item__label{display:none;}
.boxreg .el-form-item__label{padding:0 .5em 0 0;}
.bncent .el-form-item__content{margin-left:0!important;}
.bncent{text-align:center; padding:1em 0;}
.tablesa .bncent{padding:0;}
.tablesa .bncent .el-button--text{display: inline-block; margin:0; padding:.4em .3em;}
.tablesa .bncent .el-button:before{margin:0;}
.tablesa .el-icon-delete{color:#dd6161}

.boxerror{text-align: center; font-size:.8em;}
.boxerror h1{color:#000; padding:.5em 0;}
.boxerror a{display: inline-block; margin:0 .5em;}
.boxgg{border:1px solid #ddd; background-color: #fff; padding:.3em 1em; margin:.5em;}

.pro_nav{padding:2em 1em 1em;}
.pro_nav li{width:47%; background-color: #fff; border-radius:.5em; box-shadow: rgba(0,0,0,.1) 0 0 .5em; float: left; text-align: center; margin-bottom:6%;}
.pro_nav li:nth-child(2n){margin-left:6%;}
.pro_nav li a{display:block; box-sizing: border-box; padding:1em 0;}
.pro_nav li i{font-size:2.6em;}
.pro_nav li span{display: block; font-size:.8em; padding-top:.3em;}
.pro_nav.admin li i{display:inline-block; font-size:1em; margin-right:.5em;}
.pro_nav.admin li a{padding:.5em 0;}
.pro_nav.admin li span{display:inline-block; padding:0;}
.txtcinfo{text-align: center; padding:4em 0; font-weight: lighter;}
.boxhk{height:3em;}
.labelmx{margin-bottom:10px;}
.uspic{padding:1.5em 0;}
.uspic .el-avatar{margin:0 auto; display: block; border:3px solid #fff;}
.pt2{padding-top:2em;}

.nav,.imbk{opacity:0; position:fixed; top:2em; right:0; bottom:1em; visibility: hidden; z-index:8;}
.nav{padding:1em 0; background-color: rgba(0,0,0,.8);}
.imbk{background-color: rgba(0,0,0,.5); left:0; z-index:7;}
.nav.on,.imbk.on{opacity:1; visibility: visible; padding:1em;}
.nav li{}
.nav li.hr{border-top:1px solid #666; padding:0; margin:.5em 0;}
.nav li a{color:#fff; font-size:.8em; font-weight: lighter; display: block; padding:.5em 1em;}
.nav li a i{margin-right:.5em; transform: scale(1.2);}
.iload{text-align: center; font-size:.6em;}
.iload i{margin-right:.5em;}
.iload span{font-weight: lighter;}
.inorst0{color:#dd6161; background-color:#fffbfa!important;}
.inorst1{color:#3a8ee6;}
.tablesa.el-table thead th{text-align: center; color:#333;}
.tablesa.el-table th{padding:0;}
.tablesa.el-table td{padding:.3em 0;}
.tablesa.ct td{text-align: center;}
.tablesa .el-button--small{padding:5px 0;}
.boxsa{padding-top:2em;}
.boxsa .el-form-item{margin-bottom:1em;}
.boxsa .bncent{padding:0;}
.titlesc{padding:.5em 1em; font-size:.8em; font-weight:lighter;}
.fcca{color:#409EFF}
.fccc{color:#F56C6C}
.boxmoneyinfo{background-color: #fff; padding:.5em .8em .3em; margin-bottom:.5em;}
.boxmoneyinfo li{float: left; width:33.33%; margin-bottom:.2em;}
.boxmoneyinfo li span{font-size:.7em; font-weight: lighter; display: block; line-height:2em;}
.boxmoneyinfo li em{display: block; font-size:.9em; line-height:1.5em;}

.boxlogs{margin:1em 1em 0; clear: both; border-radius:5px; border:1px solid #ddd; background-color: #fff;}
.boxlogs dt,.boxlogs dd{padding:.6em 1em;}
.boxlogs dt{border-bottom:1px solid #ccc;}
.boxlogs dt em,.boxlogs dt b{float:left; font-size:.65em; font-weight: lighter; line-height:2em; color:#999}
.boxlogs dt em{float: right;}
.boxlogs dt strong{display: block; font-size:.8em; clear: both; color:#000}
.boxlogs dd div{font-size:.7em; font-weight: lighter;}

.formsa{padding:2em 1em;}
.tabsa.el-table td{padding:5px 0;}
.tabsa.el-table .el-table__expanded-cell[class*=cell]{padding:1em;}
.formDA .el-form-item{margin-bottom:12px;}
.formDA .el-dialog{width:90%; max-width:350px;}
.formDA .el-radio{margin:0 5px 0 0;}
.formDA .el-radio-group{width:100%;}
.formDA .el-radio-group .el-radio-button{width:50%; display:block; float:left; box-sizing: border-box;}
.formDA .el-radio-group .el-radio-button i{margin-right:.3em;}
.formDA .el-radio-group .el-radio-button .el-radio-button__inner{display:block;}
.formDA .el-date-editor.el-input{width:100%;}
.listselsa{width:50%; padding:0; text-align: center; float: left;}
.asRed.is-active .el-radio-button__inner{background-color:#f69; border-color:#f69; box-shadow: -1px 0 0 0 #f69;}
.el-radio.asRed.is-checked,.el-radio.asRed.is-checked .el-radio__inner{border-color:#f69;}
.el-radio.asRed.is-checked .el-radio__inner{background:#f69;}
.el-radio.asRed.is-checked .el-radio__label{color:#f69;}
.el-cascader-menu{min-width:90px;}
.el-cascader-menu__wrap{height:260px;}
.el-button:before{margin-right:.4em;}
.noNote .el-dialog{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); margin:0 auto!important; padding:1em 0;}
.noNote .el-dialog__body{display: none;}
.noNote,.noNote .el-dialog__footer{text-align: center;}
.el-radio__label{padding-left:5px;}
.tabYH .cell,.tabYH.el-table--border td:first-child .cell{padding:0 5px;}
.tabYH th>.cell{padding:0;}
.tabYH td>.cell{font-size:12px; line-height:20px;}
.tabYH tr>td:first-of-type>.cell{font-size:11px;}
.tabYH.el-table td{padding:.2em 0;}

@media screen and (max-width:760px) {

    .titlesa{font-size:1.5em;}
}