@charset "utf-8";
.home_head{color:#fff;background: url(../images/header-bg.jpg) no-repeat center center;background-size: cover;height:10rem;padding-top:1.5rem;}
.home_head .u_avatar{width:5rem;height:5rem;margin:0px auto;border-radius:50%; border:2px solid rgba(255,255,255,0.5);background-size: cover;}
.home_head .name{font-size:1.5rem;text-align:center;padding-top:0.5rem;padding-bottom:0.1rem;}
.home_head .name span{color:#ccc;font-size:1rem;}
.home_head .pointer{font-size:1.5rem;text-align:center;padding-top:0.5rem;padding-bottom:0.1rem;}
.home_head .pointer span{color:#ccc;font-size:1rem;}

.home_main{width:100%;margin-bottom: 5rem;overflow:hidden;}
.home_main ul{width:94%;padding:0;margin:0 auto; }
.home_main ul li {margin-top:20px;width:100%;height:90px;overflow:hidden;border-radius: 0.5rem;background:#ccc;float:left;line-height:2;text-align:center;}
.home_main ul li a {color:#fff; display:block; position:relative; padding:0.8rem 0px 0.8rem ;  }
.ad img{width:100%;}
.home_main ul li .icon{width:30%;float:left;font-size:35px;}
.home_main ul li .info{width:70%;float:right;}
.home_main ul li .num{font-weight:bold;}
.home_main ul .mod01{background:#FF8797;}
.home_main ul .mod02{background:#00DBAA;}
.home_main ul .mod03{background:#0FCEDD;}
.home_main ul .mod04{background:#F7C72E;}
.bind_account{position: fixed;top:10%;left:5%;width:90%;height:80%; overflow:hidden;z-index: 11;opacity: 1;background:#fff;border-radius: 0.5rem;}
.bind_account .tit{background:#00DBAA;height:3rem;border-radius: 0.5rem;border-radius: 0.5rem 0.5rem 0 0;color:#fff;padding:0.7rem;text-align:center;font-size:1.2rem;overflow:hidden;}

.food_li_middle{width:48%;padding:10px 1%;float:left;}
.bind_account .btn{text-align:right;margin-top:1rem;}
.bind_account .btn1{background:#fff;color:#333;border:1px solid #B8B8B8;margin-right:1rem;padding:0.5rem 2rem;text-align:center;border-radius: 0.5rem;font-size:1rem;}
.bind_account .btn2{background:#00DBAA;color:#fff;margin-right:1rem;padding:0.5rem 2rem;text-align:center;border-radius: 0.5rem;font-size:1rem;}
.bind_account .form{padding:0.5rem 0;width:90%;margin:0 auto;overflow:hidden;}
.bind_account .form li{margin-top:1rem;border-bottom:0.07rem solid #e1ecf0;height:3rem;line-height:2.5rem;}
.bind_account .form lable{width:30%;float:left;padding-top:1rem;}
.bind_account .form .inp{width:68%;float:right;}
.bind_account .form .inptxt{height:2.5rem;width:100%;padding-left:0.1rem;font-size:1rem;margin:0 auto;border-radius: 0.5rem;border: 1px solid #ccc;}
.bind_account .tipinfo{width:90%;margin:0 auto;margin-top:3rem;padding:0.5rem;background:#F7F7F7;border-radius: 0.5rem;}
.bind_account .tipinfo .t{color:red;font-size:1rem;}
.bind_account .tipinfo p{text-indent:2rem;font-size:0.8rem;}

.bind_account .user_head{overflow:hidden;padding-top:1.5rem;}
.bind_account .user_head .u_avatar{width:5rem;height:5rem;margin:0px auto;border-radius:50%; border:2px solid rgba(17,99,175,0.5);background-size: cover;}
.bind_account .user_head .name{font-size:1.2rem;text-align:center;padding-top:0.5rem;padding-bottom:0.1rem;}

.isout{position: fixed;top:25%;left:10%;width:80%;overflow:hidden; z-index: 11;opacity: 1;background:#fff;border-radius: 0.5rem;}
.isout .tit{background:#00DBAA;height:3rem;border-radius: 0.5rem;border-radius: 0.5rem 0.5rem 0 0;color:#fff;padding:0.7rem;text-align:center;font-size:1.2rem;overflow:hidden;}
.isout .btn{text-align:center;margin:1rem 0;}
.isout .btn1{background:#fff;width:40%;color:#333;border:1px solid #B8B8B8;padding:0.5rem 0;text-align:center;border-radius: 0.5rem;font-size:1rem;}
.isout .btn2{background:#00DBAA;width:40%;margin-left:10%;color:#fff;padding:0.5rem 0;text-align:center;border-radius: 0.5rem;font-size:1rem;}
.isout .tipinfo{width:90%;margin:0 auto;margin-top:1rem;padding:0.5rem;background:#F7F7F7;border-radius: 0.5rem;}
.isout .tipinfo .t{color:red;font-size:1rem;}
.isout .tipinfo p{text-indent:2rem;font-size:0.8rem;}


.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;height:10rem;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width:100%;height:10rem;}