*{margin:0;padding: 0;font-size: 16px;}
a{text-decoration: none;color: #333;overflow: hidden;}
/*a:hover{color: #333}*/
html,body{background-color: #f3f3ff;margin:0 auto;max-width:1000px;height: 100%}
ul,li{list-style-type: none}
/*ul{margin:5px auto;}*/
input{line-height: 50px;width:95%;margin:0 auto;outline: none;padding:0 5px ;border:1px solid #ccc;}
.radio{display: inline-block;width: 30px;    height: 25px;
    vertical-align: middle;text-align: center;}
#header{height: 40px;line-height: 40px;text-align: center;overflow: hidden;background-color: #339fec;color: #fff;position: relative;}
.header{height: 300px;line-height: 40px;background-color: #339fec;color: #fff}
.htitle{line-height: 40px;color: #fff;font-weight: 600;}

.none{display: none}
.btn_tj{background-color: #339fec;line-height: 40px;text-align: center;color: #fff;display: block;border-radius: 5px}
.null{text-align: center;line-height: 40px;color: #bbb}
.emptydiv{height: 40px;}

.empty{text-align:center;line-height: 40px;color: #ccc}

.areac select{line-height: 40px;height: 40px;}

.areac{overflow: hidden;border: 1px solid #eee;border-left: none;border-right: none;padding: 5px;background-color: #fff;margin: 10px auto}
.reg{overflow: hidden;}
.reg li{overflow: hidden;margin: 5px auto;text-align: center;}
.reg li label{display: block;float: left;line-height: 40px;width: 100%;text-align: left;}

.table{width: 100%;overflow: hidden;border-collapse: collapse;}
.table td{width: 33.3%;text-align: center;height: 100px;border: 1px solid #ccc;cursor: pointer;}
.table td span{margin-top: 60px;display: inline-block;}
.table #shop{background:url('../img/mendian.gif') no-repeat top;background-size: 70px}
.table #report{background: url('../img/tongji.gif') no-repeat top;background-size: 70px}
.table #yuangong{background: url('../img/yuangong.gif') no-repeat top;background-size: 70px}
.table #casher{background: url('../img/shouyin.gif') no-repeat top;background-size: 70px}
.table #tuiguang{background: url('../img/tuiguang.png') no-repeat top;background-size: 70px}
.btn_r{position: absolute;top: 0;height: 40px;right: 0;padding:0 10px;color: #fff}
.btn_l{position: absolute;top: 0;left: 0;padding: 0 10px;color: #fff}
.amount{text-align: right;}

.table2{width: 100%;overflow: hidden;border-collapse: collapse;}
.table2 td{text-align: center;height: 100px;cursor: pointer;}
.table2 td span{display: block;text-align:left;}

.hinfo{margin-top: 50px;}
.shopname{font-size: 30px;line-height: 50px;text-align: center}

.shoplist{overflow: hidden;padding: 10px;}
.shoplist ul{overflow: hidden;margin:10px auto;border-bottom: 1px solid #eee}
.shoplist ul:last-child{border-bottom: none}
.shoplist ul li{float: left;overflow: hidden;}
.shoplist ul li:first-child{width: 20%;  }
.shoplist ul li:first-child img{background: url("../img/shop.jpg"); width:80%; }
.shoplist ul li span{display: block;color: #888}
.shoplist ul li span:first-child{line-height: 30px;font-weight: 600;color: #000}
.shoplist ul li:nth-child(2){width: 60%;}
.shoplist ul li:nth-child(3){width:20%;text-align: center;line-height: 40px}

.yarea{display: block;text-align: left;padding:0 50px;}
.yarea span{display: inline-block;padding:0 20px;border: 1px dotted #ccc;background-color: #fff;line-height: 30px;height: 30px;vertical-align: middle;}

.layer{overflow: hidden;}
.layer li{overflow: hidden;line-height: 40px;margin: 5px auto}
.layer li label{display: block;}

.btn_i{padding: 10px;background-color: #c03;color: #fff;margin: 5px}
.btn_menu{width: 200px;padding: 10px;overflow: hidden;text-align: center;background-color: #555;color: #fff;height: 100px;position: absolute;top:-140px;right: 0;}
.btn_menu li{overflow: hidden;border-bottom: 1px solid #ccc;line-height: 30px;}
.btn_menu li:last-child{border: none;}

.keyborad{overflow: hidden;position: absolute;bottom: 0;width: 100%}
.keyborad ul{overflow: hidden;}
.keyborad ul li{float: left;width: 33.3%;text-align: center;line-height: 40px; }
.keyborad ul li span{    display: inline-block;
    width: 98%;
    height: 95%;font-size: 20px;
    vertical-align: middle;
    background-color: #fff;}
.payamount{text-align: center;overflow: hidden;}
#payamount{text-align: right;font-size: 20px;font-weight: 600;line-height: 50px;padding:0 5px;border-radius: 5px}
.shopinfo{overflow: hidden;padding: 20px 5px;}

.shopinfo div{margin:10px auto;overflow: hidden;}
.shopinfo .shopname{margin: 20px auto;text-align: center;font-size: 22px;font-weight: 600;margin-bottom: 50px}

.shoplogo{width: 100px;height: 100px;margin:0 auto;background: url("../img/shop.gif") no-repeat center #02abff;background-size: 90%;margin-bottom: 10px;border-radius: 50px}
.payarea{padding-top: 50px}

.adimg{height: 100px}

.paysuc{background: url("../img/payover.png") no-repeat center;background-size: 50%}
.header2{background-color: #339fec;overflow: hidden;}
.myinfo{overflow: hidden;padding: 10px}
.myinfo ul{float: left;overflow: hidden;}
.myinfo ul:first-child{width: 100px;height: 100px}
.myinfo ul:first-child li{background: url("../img/mytx.png") no-repeat center;background-size: 70%;height: 100%;width: 100%}
.myinfo ul:nth-child(2){line-height: 60px;}

.changeno{overflow: hidden;}

.show2 li label{width: 100px;}

.btn_reg{display: block;line-height: 50px;text-align: center;background-color: #0098ff;color: #fff;font-size: 600;margin:10px auto;}
.btn_login{display: block;line-height: 50px;text-align: center;background-color: #ccc;margin:10px auto;}

.pc_show .tiaojian input{width:130px;line-height: 40px}
.tiaojian{margin:10px auto;}
.reporttable{width: 98%;border-collapse: collapse;border: none;
}
.reporttable tr th{text-align: center;font-weight: 600;line-height: 50px}
.btn_a{display: inline-block;line-height: 40px;text-align: center;border: 1px solid #0679c7;background-color: #02abff;min-width: 60px;vertical-align: middle;padding: 0 10px}
.pc_show .reporttable td{border: 1px solid #ccc;padding: 5px 2px;font-size: 14px}
.pc_show .reporttable td div{font-size: 14px}
.tiaojian li{margin:10px auto;}
.pc_show .tiaojian  .checkbox{width: 20px;height: 20px;vertical-align: middle;}
.pc_show{padding: 15px 5px;font-size: 14px}
.reporttable .td:nth-child(odd){background-color: #e1e8ff}
.reporttable .td:hover{background-color: #c1f5e6}

.sm{text-align: center;color: #aaa;line-height: 40px;}
.money{text-align: right;display: inline-block;width: 80%}
.pager{margin:10px;text-align: right;}

.btn_b{display: inline-block;line-height: 40px;text-align: center;border: 1px solid #aaa;background-color: #ccc;width: 60px;vertical-align: middle;}

.totalarea{border-bottom: 1px solid #eee;line-height: 80px;}
#total{font-size: 20px;display: inline-block;width:100px;line-height: 80px}
.upload{width: 32px;height: 32px;vertical-align: middle;border: 1px solid #ccc}

.mynr{color: #fff;line-height: 40px;}
.mymenu{text-align: center;line-height: 60px;}
.mymenu li{border-bottom: 1px solid #eee}
.mymenu li:last-child{bottom: none}
.myinfo{color: #fff;line-height: 40px;font-size: 16px}

.yglist{overflow: hidden;	}
.yglist table{width: 100%}
.yglist table td{text-align: center;}

.areac li{margin:10px auto;}

.mymenu li label{width:50%;display: inline-block;text-align: right;}
.mymenu li span{width: 50%;display: inline-block;text-align: left;}

#tuiguang{}
.tuiguang{overflow: hidden;	display: flex}
.tuiguang .tg{text-align:center;line-height: 40px;flex:1;}
.tuiguang .tg span{display: block;}
.tguserimg{width:50px;}