html,body{background-color: #fff;margin:0 auto;width:100%;min-height: 100vh;max-width: 1200px;}

ul,li{list-style-type: none}
ul{margin:5px auto;}
*{font-size: 14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }
a{color: #fff}
a:hover{color: #fff}
a:visited{color:#fff;}
body,a{-webkit-tap-highlight-color:transparent;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}

div,span,ul,li{ 
-webkit-touch-callout: none; 
/*系统默认菜单被禁用*/ 
-webkit-user-select: none; 
/*webkit浏览器*/ 
-khtml-user-select: none; 
/*早期浏览器*/ 
-moz-user-select: none; 
/*火狐*/ 
-ms-user-select: none; 
/*IE10*/ 
user-select: none; 
}

.none{display: none}
#header{height: 40px;line-height: 40px;text-align: center;overflow: hidden;background-color: #1E9FFF;color: #fff;position: relative;}
.header{line-height: 40px;background-color: #1E9FFF;color: #fff;text-align:center;}
.mpage .header{display: none;}
.page .header .btn_right{position: absolute;right: 5px;top:0;color: #fff}
.page .header{position: relative;}
.content{padding: 10px 0;margin-bottom: 50px;overflow: hidden;}
.layer-icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }

.main-bg{position: relative;top:-10px;}

.btn_right{float: right}

.hheader{width: 100%;height: 80px;background-color: #333;color: #fff;box-shadow: 0 2px 2px #000;position: fixed;z-index: 1000}
.hheader .hlogo{float:left;width:200px;height: 80px;font-size: 30px;font-weight: 700;color:#aaa;line-height: 80px}
.hheader .hbar{display: inline-block;padding: 0 10px;}
.left{height: 100%;background-color: #333;color: #fff;position:fixed;left:0;top:80px;max-width: 150px}

.toolmenu a{color: #999;font-size: 14px}
.toolmenu{margin:10px;}
.toolmenu li{text-indent: 1em;line-height: 30px;}
.right{overflow: hidden;position: relative;top: 80px}
.contentpc{overflow: hidden;margin: 15px;background-color: #fff;padding: 15px}
.left{float: left;width: 15%;min-width: 130px}
.right{float: right;width: 85%;min-width: 800px;padding: 10px}

.areac{margin:10px auto;background-color: #fff;padding: 0 10px}


.reg-a{padding: 0 10px;}
.reg-a a{color:#01AAED;}
.reg-a .btn_tj{color: #fff}
.reg{margin:10px auto;width:80%;}
.reg li{border-bottom: 1px solid #eee;padding: 10px 0;display: flex}
.reg li:last-child{border: none}
.reg li input{border: none;outline: none;padding: 5px;flex:8;}
.reg li .input{flex:8;}
.reg li label{flex:1;padding: 5px;color:#999;}
.reg li .textarea{display: inline-block;
    vertical-align: middle;flex:8;}
.reg li textarea{width:100%;height: 60px;border: none}
.reg  select{border: none;vertical-align: middle;background: none}
.reg-spname{text-align:center;font-size: 20px;font-weight: 600;margin:10px auto;}
.reg-sm{font-size: 12px;color: #999;}


.mainpage{width: 90%;margin:10px auto;}
.mainpage li{line-height: 30px;}
.mainpage li label{margin-right: 10px;}
.cardarea{border-radius: 10px;background: url("../img/cardbg.jpg") center ;padding: 10px;color: #fff;font-size: 18px;height: 160px;}
.c-ykyee{font-size: 20px;font-weight: 600}
.c-ykyee{margin-top: 5px;font-size: 24px;text-align:center;}
.c-ykyee label,.c-ykyee span{font-size: 24px;}
.c-ykno{margin-top: 30px;text-align:center;}
.c-ykno #ykno{font-size: 26px;font-weight: 600}

.card-label{color: #999;border-left: 4px solid #1E9FFF;padding-left: 5px;margin:10px auto;}
.cardarea-sp{display: flex;border-radius: 10px;margin:10px auto;}
.cardarea-sp .spimg{flex: 1;line-height:100px;text-align:center;}
.cardarea-sp .spimg img{margin:0 auto;width:60px;height: 60px;border-radius: 30px;}
.cardarea-sp .spinfo{flex:3;color:#fff;padding: 10px 0}
.cardarea-sp .spinfo li label{margin-right: 10px;}
.cardarea-sp{background-color: #bbb}
.add{color:#ccc;text-align:center;display: block;}

.card-info{overflow: hidden;}
.card-pic{text-align:center;}
.card-pic img{width:160px;height: 160px;border-radius: 80px;margin-bottom: 40px}
.card-span{text-align:center;color:#999;font-size: 20px}
.card-yee{text-align:center;font-size: 40px;font-weight: 600}
.card-desc{margin:0 auto;color: #999}


.search{background-color: #fff;height: 30px;display: flex;line-height: 30px;}
.search #key{flex:4;background-color: #fff;outline: none;border-radius: 15px;padding:0 10px;border:1px solid #ccc;}
.search .btn_ser{flex:1;text-align:center;height: 30px;line-height: 30px;margin-left: 10px;border-radius:15px;background-color: #1E9FFF;color:#fff;}


.card-record .content{padding:0 10px}

.record-record-list{padding: 10px 0}
.record-sppic{text-align: center;flex:1;}
.record-sppic img{width:50px;height: 50px;border-radius: 25px;}
.card-record-nr{display: flex;overflow: hidden;padding: 10px 0}
.record-nr{flex:3;}
.record-amount{flex: 1;text-align:center;font-size: 20px;font-weight: 600}
.record-spname{font-size: 18px;font-weight: 600;}
.record-date{color: #999;font-size: 13px;}
.record-type{font-size: 13px;color: #333}


.shanghu-info{overflow: height;display: flex;padding: 10px;}
.shanghu-info-img{flex:1;text-align: center;}
.shanghu-info img{width: 80px;height: 80px;border-radius: 40px;}
.shanghu-info-head{flex: 3;margin-left: 10px;}
.shanghu-info-head li{line-height: 30px;}

.shanghu-main-menu{overflow: hidden;display: grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px 10px;justify-items:center;}
/*.shanghu-main-menu div{display: flex}*/
/*.shanghu-main-menu div ul{flex:1;}*/
.shanghu-main-menu ul{padding: 10px 0;cursor: pointer;width:100%;}
.shanghu-main-menu ul:hover{background-color: #f0f0f0}
.shanghu-main-menu ul li{text-align:center;line-height: 30px;}
.shanghu-main-menu ul li:first-child i{font-size: 30px;}


.content .logo{text-align:center;padding: 20px 0;color:#fff;font-weight: 900;}
.content .logo span{line-height: 100px;width:100px;font-size: 18px;border-radius: 50px;display: inline-block;height: 100px;color:red;background-color: #fff}
.content .minfo{background-color: red;overflow:hidden;padding: 10px 0}
.content .minfo #headimg{width:80px;height: 80px;border: 2px solid #fff;border-radius: 44px;margin:0 auto ;display: block}
.content .minfo li{overflow: hidden;line-height: 30px;display: flex;color: #fff}
.content .minfo li label{display: inline-block;flex: 2}
.content .minfo li span{display: inline-block;flex: 4}
.content .minfo .minfo-btn-a{display: inline-block;flex:1;background-color: rgba(255,255,255,0.3);border-radius: 4px;text-align:center;padding: 0 5px;color: #fff}

.content .pager{color: #999}
.mpage input{border: none;outline: none;}

.pager li{display: inline-block;margin:5px;}

.skmenu{line-height: 100px;height: 100px;text-align:center;color: #fff;margin:10px;}
.skmenu-blue{background-color: #0668ab}
.skmenu-zi{background-color: #9006ab}
.skmenu-green{background-color: #47ab06}
.skmenu-pink{background-color: #ab0645}
.skmenu-caolv{background-color: #9cc121}
.skmenu-lanlv{background-color: #29a984}
.skmenu-liangzi{background-color: #76249a}
.skmenu-bgwhite{background-color: #efefef}
.skmenu-tuhuang{background-color: rgba(156, 92, 25, 0.86)}
.skmenu-orange{background-color: red}

.skmenu .label{display: inline-block;font-size: 30px;text-align:left;text-indent: 1em}

.sk-flex{display: flex;overflow: hidden;}
.sk-flex-1{flex:1;overflow: hidden;}
.sk-flex-2{flex:2;overflow: hidden;}
.sk-flex-3{flex:3;overflow: hidden;}
.sk-flex-4{flex:4;overflow: hidden;}
.sk-flex-5{flex:5;overflow: hidden;}

.mpage{height: auto;}

.mcard{overflow: hidden;padding: 10px;}
.mcard-title{color: #fff;text-align:center;font-size: 22px;font-weight: 600;line-height: 50px;}
.mcard-card{overflow: hidden;background-color: #fff;margin:5%;text-align:center;}
.mcard-card-barcode{color: #000;margin:20px auto;overflow: hidden;height: 70px;width: 100%}
.mcard-card-qrcode{color: #000;margin:20px auto;overflow: hidden;}
.mcard-desc{text-align:center;margin: 20px auto;text-align:center;color: #fff;font-size: 20px;font-weight: 600}
.mcard-card-text{font-size: 24px;text-align: center;font-weight: 600}
.mcard-state-icon{font-size: 30px;color:rgba(255,255,255,0.4);text-align:center;}
.mcard-state-icon i{font-size: 45px}
.mcard-state-icon i ,.mcard-state-icon span{display: block;}



.mtuijian{overflow: hidden;padding: 10px;}
.mtuijian-title{font-size: 24px;font-weight: 600;color: #fff;text-align:center;line-height: 60px;}
.mtuijian-tjqrcode{text-align:center;background-color: #fff;padding: 20px;border-radius: 4px}
.mtuijian-menu{overflow: hidden;margin-top: 20px;color: #fff;background-color: rgba(255,255,255,0.1);border-radius: 4px;display: flex; }
.mtuijian-menu .mtuijian-menu-btn{line-height: 50px;border-bottom: 1px solid rgba(255,255,255,0.2);flex:4;}
.mtuijian-menu .mtuijian-menu-btn:last-child{border:none}
.mtuijian-menu-btn a{color: #fff}

.mtuijianlist{overflow: hidden;background-color: rgba(255,255,255,0.4);margin: 10px;border-radius: 4px;padding: 5px}
.mtuijianlist div{overflow: hidden;display: flex;color: #fff;line-height: 40px;}
.mtuijianlist div span:first-child{display: inline-block;flex:1;text-align:left;}
.mtuijianlist div span:last-child{display: inline-block;flex:1;text-align:right;}


.jiaofei{overflow: hidden;margin:10px;}
.jiaofei-title{font-size:18px;color: #fff;line-height: 50px;}
.jiaofei-stitle{color: #999;border-bottom: 1px solid #ddd;line-height: 40px;}
.jiaofei-form{padding: 10px;background-color: #fff;border-radius: 4px}
.jiaofei-btn{margin-top: 50px}




.account{padding: 10px;overflow: hidden;}
.account-title{font-size: 24px;color: #fff;font-weight: 600;line-height: 50px;}
.account-title a{float: right;font-size: 14px;padding: 5px;}
.account-bg{overflow: hidden;border-radius: 4px;padding: 10px;display: flex;color:#fff;font-weight: 600}
.account-bg .account-li{flex:1;text-align:center;}
.account-li{border-right: 1px solid #fff;}
.account-li:last-child{border: none;}
.account-li label{line-height: 40px;display: block}
.account-li span{line-height: 40px;display: block}
.account-a-btn{overflow: hidden;margin-top: 30px;text-align:center;}
.account-a-btn a{color: #fff;    padding: 10px;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.2);display: inline-block;}
.account-btn-list{background-color: rgba(255,255,255,1);padding: 10px}
.account-btn-list li{line-height: 40px;border-bottom: 1px solid #ddd}
.account-btn-list li:last-child{border: none}
.account-btn-list li i{margin-right: 10px;}


.shiming{overflow: hidden;margin:10px;}
.shiming-bg{overflow: hidden;background-color: #fff;border-radius: 4px;padding: 10px;}
.shiming-li{line-height: 40px;display: flex}
.shiming-li label{flex:1;}
.shiming-li input{flex:2;text-align:right;}



.casher{margin: 10px ;overflow: hidden;}
.casher-bg{padding: 10px;overflow: hidden;background-color: rgba(255,255,255,0.4);border-radius: 4px}
.casher-title{color: #fff;font-size: 24px;font-weight: 600;text-align:center;line-height: 50px;margin-bottom: 20px;}
.casher-input{display: flex;margin:10px auto;background-color: #fff;border-bottom: 1px solid #eee;padding: 0 5px;border-radius: 4px}
.casher-input:last-child{border: none}
.casher-input label{flex:3;display: inline-block;line-height: 50px;}
.casher-input input{line-height: 50px;text-align:right;flex: 5;}
.casher-input .casher-amount{flex:4;}
.casher-input .casher-cardno{flex:4;}
.casher-cardno-btn-icon{color:#fff;text-align:center;display: block;background-color: rgba(0,0,255,0.6);width:50%;margin:0 auto;}
.casher-desc{color: #fff;line-height: 40px;text-align:left;}

.content .btn_aphal{background-color: rgba(255,255,255,0.4)}
.btn_tj{margin-top: 50px;}

.slogin-btn-tj{margin-top: 20px;}
.btn_block{display: block;}
.text-center{text-align:center;}
.minfo a{margin-top: 10px;}

.txamount{overflow: hidden;}
.txamount li{display: flex}
.txamount a{flex:1;text-align:right;display: inline-block;line-height: 40px}
.txamount label{flex:1;line-height: 40px;}
.txamount input{flex:2;height: 40px;border: 1px solid #ccc;border-radius: 4px;padding: 0 5px}
.txamount a{color: red}

.txrecord,.fyrecord{overflow: hidden;padding:10px;background-color: #fff;}
.txrecord li{display: flex;line-height: 30px}
.txrecord li span{flex:1;color: #999;text-align: center}
.txrecord li span:first-child{text-align:left;}
.txrecord li span:last-child{text-align:right;}
.table2{margin:10px auto;border-collapse: collapse;
    border-spacing: 0;width:100%;}
.table2 .table-r{float: right;}
.table2 .table-title td{color:#999;text-align: left}
.table2 .table-title div{border-bottom: 0.5px solid #ccc}
.table2 td{}
.table{margin:10px auto;width:90%;}
.table .td td{text-align:center;line-height: 40px;}
.sm{line-height: 30px;color: #999;font-size: 14px;}

.account-title{display: flex}
.account-title span{flex:1;text-align:center;font-size: 14px;cursor: pointer;color:#000;display: inline-block;}
.active{display: block}
.fylistth{display: flex;}
.fylistth span{flex:1;text-align:center;}
.fylist{display: block}
.fylist li{display: flex;}
.fylist li span:first-child{flex:1;text-align:left;line-height: 40px;}
.fylist li span:last-child{flex:1;text-align:right;line-height: 40px;}

.m-table{overflow: hidden;background-color: #fff;}
.m-table td{text-align:center;border: 1px solid #ccc}

/*会员*/
.mm-total{overflow: hidden;padding: 5px;text-align:center;}
.mm-total-nr{display: flex;}
.mm-total-vip{flex: 1}
.mm-total-user{flex:1;}
.mm-total-nr span:first-child{display: block;font-size: 20px;color: red}
.mm-info{padding: 5px;overflow: hidden;}
.mm-info li{display: flex;line-height: 40px;}
.mm-info li label{flex:1;text-align: left}
.mm-info li span{flex: 1;text-align:right;}

.btn_left{position: absolute;left: 0;top: 0;padding:0 5px;color: #fff}

/*shanghu*/
.mlist{overflow: hidden;padding: 10px}
.mlist li{line-height: 40px;text-align:center;}
.mlist li label{display: block;text-align:left;}
.mlist li input{width: 95%;border:1px solid #ccc;border-radius: 4px;line-height: 40px;margin:0 auto;}
.mlist div{display: flex;line-height: 40px;width:95%;margin:0 auto;}
.mlist div select{flex:1;margin:0 1px;line-height: 40px;height: 40px;border: 1px solid #ccc;border-radius: 4px}

.upload{height: 62px;
    width: 62px;
    border-radius: 4px;
    border: 1px solid #ccc;}
.btn_tj{flex:1;background-color: #1E9FFF;color: #fff;display: block;border:1px solid #1E9FFF;
    border-radius: 20px;line-height: 40px;text-align: center;margin:50px auto 0;}
.btn_tj2{flex:1;background-color: #aaa;color: #fff;display: block;border: 1px solid #ccc
    border-radius: 20px;margin:10px auto;line-height: 40px;text-align: center}
.btn_dis{background-color: #ccc;color: #666;flex:1;display: block;border-radius: 20px;border:1px solid #aaa;
    margin:50px auto 0;line-height: 40px;text-align: center}
.btn_a{flex:1;display: inline-block;background-color: red;color:#fff;border-radius: 4px;padding: 0 10px;margin:5px auto;}
.btn_block{display: inline-block;background-color: red;border:1px solid red;color: #fff;padding: 0 10px;line-height: 40px;border-radius: 4px}

.ddarea{overflow: hidden;line-height: 40px}
.dd-title{border-bottom: 1px solid #ddd;color: #999;}
.dd-title i{font-size: 20px;margin-right: 10px}
.dd-title .dd-r{float:right;}
.dd-type{overflow: hidden;display: flex;margin:5px auto;}
.dd-type li{flex:1;text-align:center;}
.dd-type li i{display: block;line-height: 20px;}
.dd-type li a{border-right: 1px solid #ddd;    width: 100%;
    display: inline-block;
    line-height: 20px}
.dd-type li:last-child a{border: none}

.gongneng .table2 td{text-align:center;padding: 10px 0;text-align:center;width:33.3%;}
.gongneng .table2 .table-title td{text-align:left;color: #999;padding: 0;    border-bottom: 1px solid #ddd;}
.gongneng .table2 .table-title  td i{margin-right: 10px;color: #999;display: inline-block;font-size: 20px;}
.gongneng .table2 td i{font-size: 30px;color:red;display: block;}
.gongneng .icon{display: block;margin:0 auto;font-size: 30px;}
.gongneng td span{font-size: 14px;}

.jiaofei-pricelist #price li{line-height: 40px;border-bottom: 1px solid #ddd}
.jiaofei-pricelist #price li:last-child{border: none}
.jiaofei-pricelist #price li div{float: right;}
.jiaofei-pricelist #price li label{text-indent: 1em}

.m-title{margin: 10px auto ;border-left: 4px solid #333;padding: 0 10px;font-size: 16px;}

.m-info{display: flex}
.m-mk{margin:10px;flex:1;border: 1px solid #ccc;border-radius: 4px;text-align:center;}
.m-mk li{line-height: 40px;}
.m-mk li:first-child{font-size: 18px;font-weight: 600;}
.m-mk li span{display: inline-block;padding: 0 20px;text-align:center;color:#999;}

.m-table{border-collapse: collapse;
    border-spacing: 0;border: 1px solid #ccc;width:95%;margin:10px auto;}
.m-table td,.table th{border: 1px solid #ccc;line-height: 30px;text-align:center;}
.m-table th{background-color: #eee;border: 1px solid #ccc}

.m-btnarea{margin:10px auto;}
.m-btnarea input,.m-btnarea select{line-height: 40px;height: 40px;padding: 0 5px;border-radius: 4px;border: 1px solid #ccc}


.l-shuoming{color: #999;}
.l-shuoming p{text-indent: 2em}


.m-page{overflow: hidden;}
.m-header{margin:0;overflow: hidden;width: 100%}
.m-content{overflow: hidden;width:100%;}


.empty{margin:20px auto;color: #999;text-align:center;}
.right .pager{color: #999;text-align:right;margin:15px auto;width:95%;}

.btn_i{color: #44f}

.ad1{overflow: hidden;width:100%;height: 150px;margin:10px auto;}
.ad1 img{width:100%;height: 150px;text-align:center;margin:0 auto;}

.shanghu{max-width: 600px;margin:0 auto;}

.shop-list-info{overflow: hidden;margin:10px auto;}
.shop-list-area{overflow: hidden;display: flex;border-bottom: 1px solid #eee;padding: 10px}
.shop-list-area:last-child{border: none}
.shop-img{flex:1;text-align:center;border-radius: 5px}
.shop-img img{width:80px;height:80px;border-radius: 5px}
.shop-nr{flex: 3;padding-left: 10px;}
.shop-name{font-size: 16px;font-weight: 600;line-height: 30px;height: 30px;overflow: hidden;}
.shop-addr{color: #999;font-size: 12px;line-height: 30px;height: 30px;overflow: hidden;}
.shop-btnarea{flex:1;text-align:right;line-height: 78px;}
.shop-btn i{font-size: 20px;padding: 2px}
.shop-list-area:hover{background-color: #eee}

.shop-details-li{padding: 10px;overflow: hidden;}
.shop-details-li li{padding: 8px 0;border-bottom: 1px solid #eee;line-height: 40px;display: flex}
.shop-details-li label{flex:1;color:#aaa;}
.shop-details-li li:last-child{border: none}
.shop-details-li li input{text-align:right;flex:3;border: none;outline: none;}
.shop-details-li li select{border: none}
.shop-details-li li .checkbox{float: right}
.shop-details-li li .checkbox #spshare{margin:7px;height: 20px;width:20px;}
.shop-details-li li div{flex:3;text-align:right;}
.shop-details-li li textarea{border: none;outline: none;width:100%;height: 60px;text-align:right;}
.shop-li-img img{width:60px;height: 60px;margin:0 auto;border-radius: 5px;padding: 2px ;border: 1px solid #eee}

.report-main .layui-col-space15{margin:0 10px;}
.report-totalyee-money{text-align:center;font-size: 22px;font-weight: 600}
.center{text-align:center;margin:0 auto;}

.layui-a-tips{position: absolute;right:15px;}
.li-right{text-align:right;}
#datekey{background: none;border: none;color:#999;width:120px;}

.space{padding:0 10px;display: flex}
.space .layui-inline{flex:1;}
.datetype{color: #999;text-align:right;display: inline-block;}
.datetype select{border: none;background:none;color:#999;height: 30px;}

.report-sigle #spname{font-size: 24px;font-weight: 600}
.report-sigle .li div {line-height: 30px;}

.main-btn-area{color:#999;}
.main-btn-area select{color:#999;}
.yuangong-list li{display: flex;padding: 10px 0;border-bottom: 1px solid #eee}
.yuangong-list li:last-child{border: none}
.yuangong-list .yg-con li{padding: 0;line-height: 40px;}
.yuangong-list .yg-img{flex:1;text-align:center;}
.yg-img img{width: 50px;height: 50px;margin:0 auto;}
.yg-con{flex: 3;line-height: 25px;}
.yg-con .yg-spname{color: #999}
.yuangong-list{padding:0 10px }
.li-btn-area{flex:1;text-align:right;line-height: 50px}

.subject-list{padding: 0 10px}
.subject-list li{display: flex;padding: 10px 0;margin:10px auto;border-bottom: 1px solid #eee}

.record-list .tamount{text-align:right;flex: 1}

.record-date{padding: 10px}

.card-btnarea{padding: 10px 0;border-bottom: 1px solid #eee}
.hr-1{height: 1px;width:100%;}

.set-list div{display: flex}
.set-list div label{flex: 1}
.set-list div span{flex:2;text-align:right;color:#999;}
.set-list div{border-bottom: 1px solid #eee;padding: 5px 0px}
.set-list div:hover{background-color: #eee}
.set-list div:last-child{border: none}
.span-text{color: :#999;}
.cx-list-span{color: #999}

.success,.fail{padding: 20px;margin:50px auto;border-radius: 5px;height: 80px;line-height: 80px;color: #fff;font-size: 20px;font-weight: 600;text-align:center;}
.success{background-color: #5FB878;border:1px solid #009688;}
.fail{background-color:#2F4056;border:1px solid  #393D49;}

.cx-list{overflow: hidden;margin:10px auto;border-top: 1px solid #eee;border-bottom: 1px solid #eee;background-color: #fff;padding: 5px 0}
.cx-list-menu{line-height: 40px;border-bottom: 1px solid #eee;display: flex;padding: 5px 10px}
.cx-list-menu:last-child{border: none}
.cx-list-menu label{flex: 1;}
.cx-list-menu span{flex: 1;text-align:right;color:#999;}
.cx-list-menu i{color: #999}
.cx-list-menu hr{margin-left:60px;}

.layer .paypwd{text-align:center;padding: 5px 10px;border: 1px solid #ccc;border-radius: 4px;}
.layer .paypwd input{outline: none;border: none;text-align: center;margin:0 auto;}
.font-lg{font-size: 18px;font-weight: 600;}

.pay-code{margin: 20px;text-align:center;background-color: #fff;border-radius: 5px}
.pay-code-barcode,.pay-code-qrcode{min-height: 50px;padding: 20px 0;text-align:center;}
#paybarcode{margin:0 auto;}
.pay-hr{height: 0;border: 10px solid #0f94f7;border-top: 10px solid #fff;border-bottom: 10px solid #fff}
.pay-code-header{color: #999;line-height: 40px;text-align:left;padding:0 10px;border:1px solid #eee;}
.pay-code #paybarcode div:last-child{font-size: 16px !important;padding-top: 5px}
.pay-code-notice{margin:25px auto 45px;}
.pay-code-notice div{font-size: 18px;font-weight: 600;margin:10px auto;}
.pay-code-notice div i{color:#01AAED;font-size: 30px;}
.pay-code-text{display: flex;padding:0 10px;line-height: 35px;}
.pay-code-text label{flex:1;color:#999;}
.pay-code-text span{flex:3;text-align:left;}
.pay-code-body{overflow: hidden;padding: 10px 0;}


.footer{position: fixed;bottom: 0;height: 50px;width:100%;background-color: #fff;-webkit-transform: translateZ(0);}
.footer .footer-btn{display: flex;border-top: 1px solid #eee;padding-top: 2px}
.footer-btn li{flex:1;text-align:center;color: #999;border-right: 1px solid #eee;}
.footer-btn li:last-child{border: none}
.footer-btn li span{display: block;font-size: 12px}
.footer-btn li i{font-size: 26px;}
.footer .active{color: #FF5722;text-shadow: 0 0 6px #FF5722 }


.my-info{overflow: hidden;padding: 10px;display: flex}
.my-info-img{flex:1;width:80px;height: 80px;text-align:center;line-height: 80px;}
.my-info-img img{width:60px;height:60px;border-radius: 30px;}
.my-info-nr{flex:3;overflow: hidden;}
.my-info-nr div{line-height: 40px;padding-left: 10px;}

.menu-list{margin:10px auto;background-color: #fff;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd}
.menu-list li{display: flex;padding: 0  10px;line-height: 40px;}
.menu-list li:hover{background-color: #ddd}
.menu-list li label{flex:1;text-align:center;}
.menu-list li label i{font-size: 26px;}
.menu-list li .menu-list-inline{flex: 6;line-height: 40px;border-bottom: 1px solid #eee}
.menu-list li:last-child .menu-list-inline{border: none}
.menu-list li .menu-list-inline i{float: right;color:#999;}

.editinput{border: none;background: none;color:#fff;}

.record-list{overflow: hidden;display: flex;padding: 10px}
.record-list .record-list-img{flex:1;}
.record-list .record-list-img img{width: 40px;height: 40px;border-radius: 20px;}
.record-list .record-list-con{flex:4;}
.record-list .record-list-text{font-weight: 600;line-height: 30px;}
.record-list .record-list-span{font-size: 12px;color: #999}
.record-list .record-list-tamount{flex:2;text-align:right;}
.record-list .record-list-tamount span{font-size: 20px;color:#999;display: block;}
.record-list .record-list-tamount span:nth-child(2){font-size: 12px}

.kefu-chat-area{overflow: hidden;}
.kefu-chat-input{position: fixed;bottom: 51px;width:100%;}
.kefu-chat-inputitem{display: flex;padding:0 10px}
.kefu-chat-textarea{flex: 5;padding: 5px ;margin-right: 5px;background-color: #fff}
.kefu-chat-textarea textarea{background:none;border: none;outline: none;width: 100%;height: 35px;}
.kefu-chat-btn{flex:1;}
.kefu-chat-send{background-color: #009688;text-align:center;display:block;color:#fff;line-height: 50px;padding:0 10px}
.kefu-chat-m{margin:10px;text-align:right;overflow: hidden;}
.kefu-chat-m li{border: 1px solid #ccc;background-color: #e2e2e2;padding: 10px;max-width:80%;border-radius: 6px;float: right}
.kefu-chat-u{margin:10px;overflow: hidden;}
.kefu-chat-u li{border: 1px solid #1E9FFF;padding: 10px;max-width:80%;background-color: #01AAED;border-radius: 6px;color:#fff;float: left}
.kefu-chat-con{overflow-y: auto;}
.kefu-chat-date{font-size: 12px;color: #999;margin:5px auto;}

.market-list{overflow:hidden;}
.market-header{display: flex;}
.market-header .market-img{flex: 1;}
.market-header .market-img img{width:40px;height: 40px;}
.market-header .market-nr{flex: 5;line-height: 20px}
.market-spname{font-size: 13px}
.market-addr{font-size: 12px;color: #999}

.market-sblist{height: 80px;overflow:hidden;}
.market-subject{display: flex;padding: 5px 0}
.market-subject .market-img{flex:1;}
.market-subject .market-img img{width:60px;height: 60px}
.market-subject .market-nr{flex: 4;margin-left: 10px;}
.market-sbname{font-weight: 600;}
.market-sbdesc{height: 25px;overflow: hidden;color: #999;font-size: 13px;}
.market-amount{font-size: 13px;color: #FF5722}
.market-subject .market-saleprice{flex: 1;color: #FF5722;font-weight: 600;text-align: right}
.market-footer{text-align:center;padding: 5px;cursor: pointer;font-size: 12px;color: #999;border-top: 1px solid #f0f0f0}
.market-spjuli{color: #999;font-size: 12px}

.market-sbinfo-area{overflow:hidden;}
.market-sbinfo-area .areac{padding: 10px 15px}
.market-sbinfo-sppic{width:100%;}
.market-sbinfo-sppic img{width:100%;}
.spnr-spname{line-height: 40px;font-size: 18px;font-weight: 600;border-bottom: 1px solid #f0f0f0}
.spnr-spaddr{line-height: 30px;color: #999}
.spnr-sptel{line-height: 30px;color: #999}

.spnr-sbname{line-height: 40px;font-size: 18px;font-weight: 600;border-bottom: 1px solid #f0f0f0}
.spnr-sbamount{color: #FF5722;line-height: 40px;}
.market-sbinfo-spnr{padding: 10px;}
.market-sbinfo-buybar{height: 40px;border-top: 1px solid #eee;display: flex;position: fixed;bottom: 0;width:100%;line-height: 40px;}
.market-sbinfo-buybar #price{text-align:right;flex:3;color:#FF5722;padding-right: 15px;background-color: #fff}
.market-sbinfo-buybar #buy-btn{cursor: pointer;flex:1;}

.market-pay-info{overflow:hidden;}
.pay-list {line-height: 50px;padding: 10px;display: flex;margin:10px auto;border-bottom: 1px solid #f0f0f0}
.pay-list li:first-child{flex:1;}
.pay-list li:first-child input{width: 26px;height: 26px;margin-top: 6px;}
.pay-list li:last-child{flex:5;}
.pay-list li:last-child img{height: 40px;}
.pay-btn{margin:50px auto ;text-align:center;}
.pay-btn a{width:80%;}

.market-pay-bill{overflow:hidden;}
.market-pay-bill li{display: flex;border-bottom: 1px solid #f0f0f0;line-height: 30px;padding: 10px}
.market-pay-bill li:last-child{border: none;}
.market-pay-bill li label{flex:1;color: #999}
.market-pay-bill li span{flex: 2;text-align:right;}

.market-payresult-result{padding: 20px;text-align:center;}
.market-payresult-result .payresult-icon i{font-size: 50px;color: #1E9FFF}
.market-payresult-result .payresult-text{line-height: 40px;margin-top: 20px;font-size: 18px;}
.sildmenu{position: absolute;left: -200px;background-color: #333;color: #fff;float: left;width:200px;height: 100%;z-index: 10}
.sildmenu .level1{width:100px;background-color: #333;z-index: 10;position: absolute;top:0;height: 100%;}
.sildmenu .level1 li{border-bottom: 1px solid #999;padding:10px 15px}
.sildmenu .level1 li:last-child{border: none}
.sildmenu span,.sildmenu span{padding: 10px;display: inline-block;}
.sildmenu .level2{width:100px;position: absolute;top:0;background-color: #444;height: 100%}
.sildmenu .level2 li{border-bottom: 1px solid #999;padding: 10px 15px;margin:0 10px;}
.sildmenu .level2 li:last-child{border: none}
.shade{width:100%;height: 100%;background-color: rgba(90,90,90,0.4);display: none;position: absolute;top: 0;left: 0;z-index: 10}

.getmore{text-align:center;line-height: 40px;color: #999;}

.level1active{background-color: #444;}

.saccount-totalyee-money{font-size: 28px;font-weight: 600;}
.txamount{font-size: 20px;font-weight: 600;}

.report-totalinfo .layui-card-body div{font-size: 26px;font-weight: 600}

.card-zz{margin-top: 80px;text-align:center;}

.sp_none{display: none}
.card-switch{display: inline-block;float: right;font-size: 12px}
.card-switch input{width:15px;height: 15px;}

.appdown{margin:10px auto 40px;text-align:center;overflow: hidden;}

.gp-z{color:red;font-weight: 600}
.gp-d{color:green;}

.logs{overflow-y: auto;height: 300px;border:1px solid #ccc;padding: 5px;}
.gpdetail{min-height: 300px;}
.setauto .input{padding: 5px;width:80px;border: 1px solid #ccc;margin:0 5px;}
.setauto div{margin:5px auto;}
.setauto label{width:100px;line-height: 40px;}
.gplogin h1{font-size: 22px;margin:20px auto 10px;font-weight: 600;text-align:center;}
.gplogin{margin:50px auto 20px;border: 1px solid #ccc;box-shadow: 0 0 5px 1px #ccc;border-radius: 8px;width:500px;}
.tag{display: inline-block;background-color: #FF5722;color:#fff;padding: 2px 5px}
.s-type{color: #999}
.qkshuju{overflow:hidden;width:90%;margin:0 auto;}
.sm{color:#999;width:500px;margin:0 auto;}
.liuyan{width:500px;margin:10px auto;}