body{width:100%;max-width: 640px;margin: 0 auto;background: #fff;overflow-x: hidden;}
#broadcast img{width: 100%}
.layui-carousel>[carousel-item]{overflow: visible;}
.layui-carousel>[carousel-item]>*{height: auto;}
.layui-carousel-ind {position: absolute;top: initial;bottom: 15px;}
/*菜单栏*/
.no_border{border: none!important;padding-bottom: 0!important;}
.border{border-bottom: 8px solid #F1EFF2;}
.nav{height: auto;overflow: hidden;padding-bottom: 10px}
.nav a{display: block;float: left;width: 25%;text-align: center}
.nav img{border-radius:50%;width: 43%;border: none;margin: 16px 0 8px}
.notice{padding:15px 10px 10px 50px;background: url("../images/index2_24.jpg") no-repeat 10px 15px;}
.notice a{display:block;overflow: hidden;width: 100%;line-height: 30px;height: 30px}
/*旅游信息*/
.trip{padding: 0 10px}
.trip_li{padding: 15px 0;height: auto;overflow: hidden;border-bottom: 1px dashed #F1EFF2;position: relative}
.trip_li img{width: 26%;float: left;margin-right: 10px}
.trip_li:last-child{border: none}
.trip_right{float: left;width: calc(74% - 10px)}
.trip_right p{line-height: 20px;font-size: 13px;letter-spacing: 1px}
.trip_right span{background: url("../images/index2_31.jpg") no-repeat right center;background-size:20px;display: block;padding-right: 25px;text-align: right;color: #909090;position: absolute;bottom:15px;right: 0}
/*底部菜单*/
.foot{position: fixed;bottom: 0;left:calc(50% - 320px);width: 100%;max-width: 640px;z-index: 10000;background: #fff;padding:8px 0 6px;box-shadow:5px 0 24px #F1EFF2  }
.foot a{display: block;width: 20%;text-align: center;float: left}
.foot img{width:21%;margin-bottom: 2px}
/*通知公告*/
.top_head{text-align: center;font-size: 16px;padding:10px 0;position: relative;letter-spacing:1px;color: #000}
.top_head a{position:absolute;left: 10px}
.notice_box{margin: 0 15px;}
.all_height{min-height: calc(100vh - 120px)}
.notice_box li{border-bottom: 1px dashed #F1EFF2;letter-spacing:1px;padding-bottom:6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:10px}
#get_more{text-align: center;color: #6f6f6f;font-size: 12px;letter-spacing:1px;padding: 15px 0 10px;}
.empty{text-align: center;color: #6f6f6f;font-size: 16px;letter-spacing:1px;margin-top:calc(50vh - 120px)}
.view{font-size: 12px;color: #7A7A7A}
.read_content{padding: 10px 15px}
.read_content img{max-width: 100%}
.more_li{padding: 10px 15px;border-bottom: 1px solid #D3D0D4}
.call{padding:15px;min-height: calc(100vh - 140px)}
.call li{background: #0095F4;border-radius: 5px;margin-bottom: 15px;padding: 10px}
.call li a{color: #fff;display: block}
.call li span{float: right}
/*登录*/
.logo{width: 23%;margin:60px auto;display: block}
#login_form{margin: 0 60px}
#login_form>p{font-size: 22px;letter-spacing: 2px;margin-bottom: 25px;}
#login_form>p span{display: block;font-size: 12px;color: #878787;margin-top: -5px}
.login_li{margin-bottom: 25px;display: block;overflow: hidden}
.login_li>span{font-size: 16px; float: left;text-align: right;display: block;margin-right: 8px;width: 28px;letter-spacing: 1px;line-height: 31px}
.login_li span img{width: 20px}
.login_li input{float: left;width: calc(100% - 36px);border: none;border-bottom: 1px solid #B7B7B7;line-height: 30px;text-indent: 5px;letter-spacing: 1px}
#login_form button{width: 100%;background: #008AD7;color: #fff;text-align: center;border: none;letter-spacing: 3px;padding: 10px 0;margin-top: 20px;font-size: 18px;border-radius: 22px}
.reg_nav{margin-top: 15px}
.reg_nav a{float: right;color: #757774;font-size: 12px}
.login_li.code input{width:calc(100% - 110px);line-height: 31px}
.login_li.code p{font-size: 12px;float: right;letter-spacing: 1px;background: #008AD7;color: #fff;border-radius:15px;padding: 5px 0;width: 105px;text-align: center}
.login_li.code p.disabled{background: #adadad;}

/*停车缴费*/
.park_title{padding:15px}
.car_box{margin:0 15px;padding:5px 15px;border: 1px solid #D6D6D6;border-radius: 5px}
.car_li{height: auto;overflow: hidden;border-bottom: 1px solid #D6D6D6;padding: 15px 0;position: relative}
.car_li:last-child{border: none}
.car_li img{width: 20px;float: left;margin-right: 8px}
.car_li i{position: absolute;right: 0;bottom: 39px;color: #666}
.car_right{float: left;width:calc(100% - 28px)}
.car_right p{color: #666}
.car_right span{color: #000}
.car_li.on font{color: #BD2E2C}

/*缴费详情*/
.park_info{padding: 15px}
.money{color: #FF0000;font-size:50px;text-align: center;letter-spacing: 2px;padding:30px 0;}
.money font{color: #9C9C9C;font-size: 14px;margin-left: 5px}
.park_list p{letter-spacing: 1px;font-size: 16px;}
.park_list a{font-size: 14px;color:#9C9C9C;float: right;line-height: 25px; }
.park_list span{display: block;font-size: 14px;color:#9C9C9C;letter-spacing: 1px}
.btn_submit{width:80%;background: #008AD7;color: #fff;text-align: center;border: none;letter-spacing: 3px;padding:9px 0;margin:50px auto 0;border-radius:15px;font-size: 16px}

/*缴费记录*/
.record_li{padding:15px;border-bottom: 1px solid #D7D4D5;}
.record_li p{color: #9B999A;font-size: 14px}
.record_li p font{float: right}
.record_li:last-child{border: none}
.record_li p.on{color:#FF0000}

/*投诉建议*/
#advise_form{padding:30px}
.advise_li{height: auto;overflow: hidden;margin-bottom: 20px}
.advise_li span{width:50px;letter-spacing: 2px; float: left;display: block;line-height: 32px}
.advise_li input{padding: 7px 8px;letter-spacing: 2px; border: 1px solid #D0D0D0;border-radius: 5px;width: calc(100% - 70px)}
.advise_li textarea{min-height: 100px; padding: 5px 8px;letter-spacing: 2px; border: 1px solid #D0D0D0;border-radius: 5px;width: calc(100% - 70px)}
.advise_li select{padding:4px 8px 8px 4px;letter-spacing: 2px; border: 1px solid #D0D0D0;border-radius: 5px;width: calc(100% - 143px);background: none}
#advise_form button{width:100%;background: #008AD7;color: #fff;text-align: center;border: none;letter-spacing: 3px;padding:10px 0;margin:10px auto 0;border-radius:15px;font-size: 18px;margin-top:50px}

/*报事报修*/
.repair_box{padding: 15px}
.repair_li{height: auto;overflow: hidden;background: #017eb8;border-radius: 5px;margin:10px 0 20px;padding: 10px 5px;position: relative }
.repair_li.on{background: #ff0002}
.repair_li img{float: left;width:50px;margin-right:8px}
.repair_right{float: left;color: #fff;width: calc(100% - 80px);font-size: 18px}
.repair_right span{font-size: 12px;line-height: 17px;display: block;margin-top:21px;color: #ddd}
/*.repair_li.on .repair_right span{margin-top:5px}*/
.repair_li i{position: absolute;right:5px;color: #fff;font-size: 26px;top: 25px}

/*停车缴费页*/
.pay_month{border-bottom: 1px solid #D0D0D0;margin:0 15px;padding:30px 0}
.pay_month span{width:80px;letter-spacing: 2px; float: left;display: block;line-height: 34px}
.pay_month input{padding: 8px 10px;letter-spacing: 2px; border: 1px solid #D0D0D0;border-radius: 5px;width: calc(100% - 106px)}
.park_order{padding: 10px 15px; color: #A1A1A1;font-size: 12px}
.park_order span font{float: right;color: #FF0000}
.park_order span{display: block;height: auto;overflow: hidden;font-size: 14px}
.park_order>font{display: block;float: right}
.pay_submit{margin:60px auto;width:80%;background: #FF0000;color: #fff;text-align: center;border: none;letter-spacing: 3px;padding:9px 0;border-radius:15px;font-size: 16px}
.select_time_box{padding-top: 17px;border-top: 1px solid #e5e5e5;position: fixed;height: 250px;bottom: 0;left: 0;right: 0;background: #fff;display: none;}
.ensure{top: -35px!important;right: 0;left: inherit!important;background: #FF0000;border-radius: 10px;padding:3px 20px!important;
color: #fff;}
/*物业费*/
.add_property{display: block;background: #dcdcdc;position: fixed;bottom: 15px;left: 10%}

/*商品分类*/
.search{padding:10px 15px;height: auto;overflow: hidden;position: relative;border-bottom: 1px solid #e5e5e5;background: #fff;width: calc(100% - 30px);}
.search.fixed{position: fixed;top: 0;left: 0}
.search input{background:#f7f7f7;border: none;border-radius:18px;padding:10px 12px;float: left;margin:3px 12px 0 8px;width: calc(100% - 94px)}
.search a{display: block;float: left;}
.search i{font-size: 24px;float: left;}
.cate_box{height: calc(100vh - 130px);width: 100%;overflow: hidden }
.cate_left{width:25%;height: 100%;background:#f7f7f7;position: relative;overflow-y: auto;float: left;}
.cate_left::-webkit-scrollbar {width:0;height: 1px;}
.cate_left::-webkit-scrollbar-thumb {border-radius: 10px;background: #717171;}
.cate_left::-webkit-scrollbar-track {border-radius:10px;background:#ededed; }
.cate_left p{text-align: center;font-size: 14px;padding: 11px 0;width: calc(100% - 2px)}
.cate_left p.on{color: #e93b3d;background: #fff}


.cate_right{width:75%;height: 100%;position: relative;overflow-y: auto;float: left}
.cate_right::-webkit-scrollbar {width:0;height: 1px;}
.cate_right::-webkit-scrollbar-thumb {border-radius: 10px;background: #717171;}
.cate_right::-webkit-scrollbar-track {border-radius:10px;background:#ededed; }

.cate_right .title{font-weight: bold;line-height: 47px;letter-spacing: 2px;padding: 0 15px;margin-bottom: 5px}
.cate_right ul li{width: 20%;float: left;text-align: center;margin-bottom: 13px;font-size: 12px;margin-left: 10%}
.cate_right ul li img{width:100%;margin-bottom: 3px}

/*商品列表*/
.goods_box{background:#f7f7f7;height: auto;overflow: hidden;padding:64px 0 15px }
.goods_li{margin: 15px 0 0 4%;float: left;width: 44%;background: #fff;border-radius: 3px;padding: 15px 0 8px}
.goods_li img{margin:0 auto 12px;display: block;width: 55%}
.goods_li p{padding: 0 10px;font-weight: bold;line-height: 18px;height: 36px;overflow: hidden}
.goods_li span{padding:0 10px;color: #e93b3d;font-weight: bold;font-size: 12px;display: block;margin-top: -1px}
.empty a{display: block;font-size: 14px;color:#e93b3d }


/*商品详情*/
.goods_show{border-top: 1px solid #F1EFF2;}
.goods_show>p{padding:8px 15px;letter-spacing: 1px;line-height: 20px;}
.sale{color: #ff2150;line-height: 22px;height: auto;overflow: hidden;padding:0 15px 10px}
.sale p{display: block;float: left;margin-right: 8px;font-size: 16px}
.sale span{background: #ff2150;color: #fff;font-size: 12px;padding:0 5px;display: block;float: left;line-height: 18px;margin-top:1px;letter-spacing: 2px}
.goods_tips{color: #666;letter-spacing: 1px;margin:8px 0;line-height: 18px;height: auto;overflow: hidden;padding:5px 15px 0}
.goods_tips span{float: right;width:calc(100% - 45px);display: block}
.goods_tips.on span{width:calc(100% - 75px);}

.goods_content_box{height: auto;overflow: hidden;padding-bottom: 67px}
.goods_content_box>p{border-bottom: 1px solid #F1EFF2;color: #ff2150;padding:2px 15px 7px;letter-spacing: 2px}
.goods_content{padding:5px 15px}
.goods_content img{max-width: 100%}

.goods_foot{position: fixed;bottom: 0;left: 0;box-shadow:5px 0 24px #F1EFF2;width: 100%;background: #fff;padding: 15px 0}
.goods_foot .btn{width: 35%;margin-left: 10%;display: block;float: left;text-align: center;border: 1px solid #ff2150;
    padding: 5px 0;border-radius: 3px;color: #ff2150}
.goods_foot a{background: #ff2150;color: #fff!important;}
.foot a.on{color:#ff2150 }

/*购物车*/
.shop_li{padding: 15px;height: auto;overflow: hidden;position: relative;border-bottom: 1px dashed #F1EFF2}
.shop_li:last-child{border-bottom: none}
.select{float: left;width: 20px;height: 20px;background: url(../images/checkno.png)  no-repeat center; background-size: contain;margin: 22px 10px 0 0}
.select.on{background: url(../images/checkon.png)  no-repeat center; background-size: contain;}
.shop_li img{width: 60px;height: 60px;display: block;float: left;margin-top: 2px}
.shop_right{float: right;width: calc(100% - 100px)}
.shop_intro{height: auto;overflow: hidden}
.shop_intro p{font-size: 12px;float: left;width: 60%;height:36px;line-height: 18px;letter-spacing: 1px}
.shop_intro span{float: right;color: #ff2150;font-size: 16px;line-height: 36px;}
.shop_box{height: auto;overflow: hidden;padding-bottom:67px }

.shop_li .del{position: absolute;right:15px;bottom:15px;width: 20px;height: 20px}
.shopcar{position: fixed;right: 15px;bottom: 70px;background: #fff;border-radius: 50%;width: 45px;height: 45px;}
.shopcar img{width: 30px;display: block;margin: 10px 0 0 6px}
.number_box{height: auto;overflow: hidden;margin-top:5px;cursor: pointer}
.number_box p{background: #f7f7f7;text-align: center;width: 24px;line-height: 24px;float: left}
.number_box span{display: block;width: 42px;line-height: 24px;float: left;margin: 0 3px;background: #f7f7f7;text-align: center}
.goods_foot .all{float: left;color:#ff2150;line-height: 37px;margin-left: 15px;font-size: 16px;letter-spacing: 1px }

/*订单支付页面*/
.order_box{height: auto;overflow: hidden;padding-bottom: 75px}
.order_li{overflow: hidden;padding:0 15px 15px;border-bottom: 1px dashed #F1EFF2;margin-bottom: 15px;height: 60px;}
.order_li img{width: 60px;height: 60px;display: block;float: left; }
.order_li p{float: left;width:calc(100% - 170px);line-height: 20px;margin: 0 10px;height: 60px;overflow: hidden;font-size: 12px}
.order_li span{line-height: 60px;display: block;float: left;color: #ff2150;width: 30px;text-align: right}
.order_li label{line-height: 60px;display: block;float: right;color: #ff2150;width: 60px;text-align: right}
.all_money{text-align: right;padding: 0 15px 10px;display: block}
.all_money font{color: #ff2150}

/*个人中心*/
.user_head{padding:20px 15px;height: auto;overflow: hidden}
.user_head>img{width: 50px;float: left;border-radius: 50%}
.user_head_left{float: left;margin-left: 10px;letter-spacing: 1px}
.user_head_left p{font-weight: bold;font-size: 16px;line-height: 25px;margin-top: 2px}
.user_head_left span{color:#989898;font-size: 14px}
.address{float: right;text-align: center;margin-top: 2px}
.address img{width: 22px;margin-bottom: 3px}
.address a{color: #989898;}
.user_order{padding: 15px 15px 10px;height: auto;overflow: hidden}
.user_order>p{font-weight: bold;font-size: 15px;margin-bottom:10px}
.user_order ul li{width: 33.3%;float: left;text-align: center}
.user_order ul li img{width: 26px;margin-bottom: 3px}
.user_order ul li p{color:#666;}
.login_out{margin: 50px auto 20px;width: 60%; display: block;border-radius: 5px;text-align: center;background: #ff2150;color: #fff;padding: 10px 0;letter-spacing: 2px;}
.server_box{padding: 15px;height: auto;overflow: hidden}
.server_box>p{font-weight: bold;font-size: 15px;margin-bottom:10px}
.server_box ul li{width:100%;border-bottom: 1px solid #e7e7e7;border-radius: 5px;margin-bottom: 10px;padding:0 0 10px;line-height: 28px;text-indent:15px}
.server_box ul{width: 100%;margin:15px auto 0}
.server_box ul li:nth-child(2n){margin-right: 0}
.server_box ul li img{width: 25px;margin:-3px 15px 0 0}
.server_box ul li a{color:#666;letter-spacing: 1px}
.server_box ul li i{float: right;margin-right: 10px;color: #ddd}

.address_box{padding: 20px 30px}

/*订单中心*/
.special>p{color: #ff0000;font-weight: bold;border-bottom: 1px solid #e5e5e5;line-height:30px;font-size: 16px;padding:10px 0 5px;margin: 0 15px;text-indent: 15px;position: relative}
.special{height: auto;overflow: hidden}
.special>p:before{content: '';position: absolute;left:0;bottom:12px;background: #14aa00;width: 5px;height: 17px}
.special_box{padding: 20px 15px;height: auto;overflow: hidden}
.special_box li{width:22.5%;margin-right: 3%;float:left;overflow: hidden}
.special_box li:last-child{margin-right: 0}
.special_box li img{width:calc(100% - 2px);border: 1px solid #e5e5e5;}
.special_box li a>p{font-size: 12px;line-height: 20px;height: 40px;overflow: hidden;margin:8px 0 4px}
.special_money p{float: left; color: #FF0000;font-weight: bold;line-height: 20px}
.special_money span{float: right;display: block;background: #21a563;border-radius: 50%;color: #fff;padding: 0 4px; height: 20px;line-height: 20px;}
.special_money span .layui-icon{font-size: 12px}

.hot_box{padding: 20px 15px 0;height: auto;overflow: hidden}
.hot_box li:nth-child(2n){margin-right: 0}
.hot_box li{width:calc(48% - 2px);margin-right: 4%;margin-bottom: 20px;float: left;border: 1px solid #e5e5e5;border-radius: 8px}
.hot_box li img{width:100%;}
.hot_box li a>p{padding: 8px 8px 0;font-size: 15px;line-height: 20px;height: 40px;overflow: hidden}

.hot_box .special_money{padding:10px 8px;height: auto;overflow: hidden}
.hot_box .special_money p{font-size: 16px}
.hot_box .special_money span{background: none;color: #7f7f7f}
.hot_box .special_money span .layui-icon{font-size: 16px}

@media screen and (max-width:640px){
    .foot{left:0;}
}