*{font-size: 14px!important}

/*.layui-btn:focus{border: 2px solid red!important;display: inline-block;text-align:center;}*/

.header{height: 45px;line-height: 45px;background-color: #fff;border-bottom: 1px solid #efefef;text-align:center;position: relative;top:0;left: 0;}
.header h3{font-size: 18px;font-weight:600 }
.header .btn-left{float: left;padding: 0 15px;position: absolute;left: 0;top: 0;}
.header .btn-right{float: right;padding: 0 15px;position: absolute;right: 0;top: 0}
.btn-left i,.btn-right i{font-size: 24px!important;}

.left{float: left}
.right{float: right}

.goodsdetail{overflow: hidden;margin:0 auto;}
.goodsdetail li{margin:10px auto;}
.goodsdetail .gd-pic{width:100%;max-height: 300px;text-align:center;overflow:hidden;}
.gd-pic img{max-width: 100%;max-height: 100%}

.goods{background-color: #fff;border-radius: 5px;}
.goods li:first-child{padding: 0}
.goods li{padding: 5px}
.goods li img{width:100%;max-height: 200px;margin:0 auto;}
.gtitle{font-weight: 600;line-height: 30px;}
.gprize{font-weight: 600;line-height: 30px;}

.textname{display: flex}
.text-left{text-align:left;}
.text-right{text-align:right;}
.center{margin:0 auto;text-align:center;}
.bgpic{margin-top: 30px;} 
	.bgpic img{width: 100px;height: 100px;    border: 1px solid #ccc;
    border-radius: 60px;
    padding: 10px;}
.none{display: none}
.textname{display: flex}
.textname span{flex:1;}
.text-right{text-align:right;}

.buybar{position: fixed;bottom: 0;left: 0;background-color: #fff;border-top: 1px solid #ccc;overflow: hidden;width:100%;line-height: 60px;height: 60px;}
.buybar-btn{display: flex;}
.sumbtn{flex: 3;display: flex;text-align:center;}
.sumbtn li{margin-top: 5px auto}
.sumbtn li input{width:50px;margin:0 10px;text-align:right;padding: 0 2px}
.buybar-btn a{flex: 1}
.label{display: inline-block;}

.pay-bill{overflow: hidden;}
.pay-bill li{display: flex;line-height: 40px;}
.pay-bill li label{flex:1;}
.pay-bill li span{flex:3;text-align:right;}
.pay-bill label input{height: 20px;width:60px;vertical-align: middle;}
.pay-bill  img{height: 40px;}
.money{text-align:right;padding: 0 5px;width:80px;}

.layer .qrcode{width:200px;height: 200px;margin:20px auto;text-align:center;}

.empty{color:#999;}
.paytype{margin:20px;}
.layertitle{margin-bottom: 15px;}

.flex{display: flex}
.headpic{flex:1;text-align:center;}
.headpic i{font-size: 40px!important;line-height: 80px}
.pcinfo{flex: 3;}

.footer{overflow:hidden;position: fixed;width: 100%;border-top: 1px solid #ccc;height: 50px;bottom: 0;background-color:#fff;-webkit-transform: translateZ(0);}
.footbar{display: flex;width: 100%;padding-top: 7px;}
.footbar li{flex:1;text-align:center;line-height: 20px}
.footbar li span{display: block;}
.footbar li span i{font-size: 26px!important}
.mpage{margin-bottom: 55px;}

.margin20{margin:20px auto;}
.payresult div i{font-size: 50px!important;padding: 20px}

.layer .qrcode{margin:20px auto;padding: 20px}
.mycode{padding: 20px;width:300px;height: auto;}
.mycode div span{    font-size: 30px!important;
    font-weight: 600;}

.layerpage{padding: 20px}
.empty{color:#999;}

.headimg{width:100%;}
.headimg img{width:100%;}
.m-body{padding: 20px;background-color: #ffca02}
.m-body p{margin:10px;line-height: 23px}

.qrcode{padding: 20px}

.btn{margin:20px auto;}
.btn img{text-align:center;}

.style2 .goodspic{height:150px;}

.addrinfo{display: flex}
.addrinfo li input{width:20;height: 20;vertical-align: middle;}
.addrinfo li:first-child{flex:1;}
.addrinfo li:nth-child(2){flex:5;}
.addrinfo li:last-child{flex: 1;text-align: right;}
.addrinfo li span{display: block;}

.menulist hr{margin-left: 14%}
.menulist li{display: flex;margin:10px auto;}
.menulist li label{flex:1;}
.menulist li a{flex:3;}
.menulist li span{flex:3;text-align:right;color:#999;}

#shouhuoaddr{overflow: hidden;}
#shouhuoaddr li input{width:20px;height: 20px;vertical-align: middle;}
#shouhuoaddr li span{margin-left: 10px;}
#shouhuoaddr li span label:first-child{display: inline-block;width:40%;}
#shouhuoaddr li span label:nth-child(2){display: inline-block;width: 40%;}
#shouhuoaddr li span label:last-child{display: inline-block;margin-left:30px;}

.layermenu{margin:10px;}
.layermenu hr,.layermenu a{margin-left: 30px;color:#fff;}
.layermenu li i{font-weight: 30px;}

.down{margin-top: 60px;}
.applogo{border-radius: 8px;width:80px;}
.down li:last-child{margin-top: 30px;}
.li-menu hr{margin-left: 20px;}
.li-menu i{margin-right: 20px;
    font-size: 20px!important;}

.floor{display: flex}
.floor1,.floor2,.floor3{flex:1;}
.u{text-align:center;}
.u i{font-size: 40px!important;display: block;}
.margin22{margin:22px;}

.myinfo{background: url('../img/mybg.jpg') center no-repeat}
.headpic{margin-right: 20px;width:80px;height: 80px;border-radius: 40px;background-color: #fff}
.pcinfo{color:#fff;font-weight: 600}
.accountinfo div div:first-child{color: #FFB800;font-weight: 600}

.gridmenu div li:first-child i{font-size: 26px!important}
.ft-pink{color: #f26697}
.ft-green{color:#7ff266;}
.ft-blue{color:#6686f2;}
.ft-yellow{color: #f2e266}
.ft-red{color: #e04848}
.box-pink{background-color: #fbc7c7}
.box-green{background-color:#b9f7ab}
.box-blue{background-color:#b6c5f7;}
.box-yellow{background-color: #fbf3b8}
.box-red{background-color: #e04848}

.gclassnr{width:100%;width:50px;border-radius: 25px;margin:0 auto;}
.icon i{font-size: 30px!important;color:#fff;}
.icon{width: 50px;
    height: 50px;
    margin: 0 auto;
    background-color: red;
    line-height: 50px;
    border-radius: 25px;}

.gclassarea{display: flex}
.gclasskj{flex:1;}

.ad img{width:100%;max-height: 300px;}

.iconbtn div:first-child i{font-size: 26px!important;color:#999!important;}

.details img{width:100%;}
.goodskj{margin:auto 10px;}
.mpage{overflow-x:none;}

.nav{overflow: hidden;}
.nav li{float: left;margin:10px;}

.grad-menu li i{font-size: 26px!important;}
.grad-menu li{line-height: 40px;margin:5px auto;}

.blackstyle{background-color: #444!important;color: #fff}
    .blackstyle *{color:#fff;background-color: rgba(0,0,0,0.2);color: #fff;}
    .blackstyle input{background-color: rgba(0,0,0,0.2);color: #fff;}
    .blackstyle .layui-card{background-color: #444;color:#fff;}

    .lingstyle{background-color: #fff}