/*
mui 框架
 */
/* 公共部分 */
@charset "utf-8";
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-user-select:text;-ms-user-select:text;user-select:text;font-family:Helvetica;}
img{border:none;max-width:100%;vertical-align:middle;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
body{ font-size: 15px; overflow-x: hidden; background:white !important;color:#333; min-width:320px;max-width:750px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea{font-size: 14px; -webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;line-height:1.5em;}
table{border-collapse:collapse;}
input,select,textarea{outline:none;border:none;background:none;}
a{color: #555555; outline:0;cursor:pointer;}
a:link,a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
li,ol{list-style:none;}
.clear{ clear:both; display:block; height:0; font-size:0; visibility:hidden; overflow:hidden;}
.clearfix{ clear:both;}
.clearfix:before{ content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; overflow:hidden;}
/**mui**/
.mui-radio input[type=radio]:checked:before{content: '\e442';}
.mui-content{padding-bottom: 65px;}/*与底部的距离*/
.mui-icon-back:before, .mui-icon-left-nav:before{color: white}
.mui-bar-nav { -webkit-box-shadow:none; box-shadow:none;}
.mui-content>.mui-table-view:first-child { margin-top:0;}
.mui-table-view .mui-media-object { line-height:55px; width: 70px;
    max-width:70px; height:55px;border-radius: 3px}/*列表页左边图片*/

/*mui删除弹出层*/
.mui-popup-button{background:rgb(250, 250, 250) !important;font-size: 15px}
.mui-popup-inner { background: rgb(250, 250, 250);}
.mui-popup-button:last-child{color: #DD514C}/*mui确定按钮红色标记*/
.mui-toast-container{top: 50%;bottom: auto;}/*mui自定义弹窗位置*/
.mui-toast-message{padding: 10px;line-height: 20px}/*mui自定义弹窗位置*/
.mui-popup-backdrop{z-index: 97;}/*mui输入留言弹出层遮罩*/
.mui-popup{z-index: 98;}/*mui输入留言弹出层遮罩*/
/*mui飞来窗口*/
.mui-modal{max-width: 750px;min-width: 320px;}
.mui-bar-nav.mui-bar .mui-icon{color:white;}/*关闭按钮*/
/*.mui-popup{z-index: 99}layer弹出层*/
/*******mui内容 零碎自定义******/
.relative{position: relative;}/**相对定位**/
.sendCode{position: absolute; right: 12px;bottom: 14px;color: #397DEA;}/**发送验证码按钮**/
.btn80{width: 80%;margin:8px auto; font-size: 16px; display: block;}/**70%宽度的按钮**/
.btn40{font-size: 13px;width: 36%; padding: 3px 5px;color: #9c9c9c;    margin: 8px auto;display: block;}/**40%宽度的按钮**/
.btn_primary{border: 1px solid #eaeaea;background: #eee}/*普通按钮*/
.left_right{width: 100%;height: 22px;line-height: 22px; clear: both;}
.left{float:left;}.right{float:right;}
.left50 { float: left;width: 50%;}.right50 { float: left;width: 50%;}
.align-right{text-align: right}.align-left{text-align:left}
.size12{font-size: 12px;color:#9E9D9D; line-height: 18px}
.size13{font-size: 13px;line-height:20px}
.size14{font-size: 14px;line-height: 21px}
.size15{font-size: 15px;}.size16{font-size: 16px;}
.size18{font-size: 18px;}
.size21{font-size: 21px;}

.border-bottom{border-bottom: 1px solid #eeeeee}
.hide{display: none}
#RestA{ position:static;display: inline; overflow: hidden; margin: 0;
    padding: 0; white-space: nowrap;text-overflow: ellipsis; color: inherit;}/*重置A标签*/
.mui-input-row .timeBtn{position: absolute;left: 35%; width: 65%;padding: 10px 0; border: none; font-size: 16px;
    margin: 0; color: #999999;margin-top: 3px; text-align: left;}/*mui本地时间调整*/
#del_pic{position: absolute; right: 5px; bottom: 5px;margin: 0;padding: 5px;}/*底部弹出删除效果*/
.follow{width: 100%;display: block;margin:0 auto;}/*关注二维码*/
/******表单规划******/
.white_bg{ width: 100%; height: auto;background: white }
.form_comm_box{ overflow: hidden; font-size: 15px; width: 93%; height: 40px;  margin:2px auto;margin-top: 4px; box-shadow: inset 0 -1px 0 0 #EFEEEE; position: relative;}
.lable{font-family: "微软雅黑";font-weight: bold;font-size: 15px; color: #3d4145; width: 30%; height: 100%; line-height:40px; float: left;}
.mui-right-span{float: right; line-height: 1.1;padding: 11px 15px;position: absolute;bottom: 4px; left: 35%;width: 65%;
    margin-bottom: 0; padding-left: 0;color: #8a8888;font-size: 15px;}
.leftlable {width: 30%;float: left;line-height:40px;height:40px;}
.right_Detal {height: auto;padding-bottom: 6px;float: right; padding-top:10px;    width: 70%;color: #F37B1D;
    line-height:20px; font-size: 15px;}
.right_span { float: right;line-height: 1.1; height: 40px;line-height: 40px;text-align: right;
    width: 65%;margin-bottom: 0;padding-left: 0;color: #8a8888; font-size: 13px;}
.mui_text{width: 93%;height:33px;line-height: 33px; margin:0 auto; border-bottom: 1px solid #eee}
/*支付订单重置*/
.mui_auto{height: auto !important;padding-bottom: 10px;}
.mui_auto > div.goods_attr{float: left; margin-top: 14px;
    width: 65%;color: #8a8888; font-size: 15px;}

/*mui登录注册表单常规重置*/
.mui-input-row select{font-size: 16px}/*select字体大小*/
.content-top{padding-top: 50px !important;}
.mui-input-group .mui-input-row,.mui-input-row{height:50px;}/*增加文本的高度*/
.mui-input-row label{font-size: 17px;line-height: 2}/*左边label的高度*/
.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{position: absolute;bottom:3px;}/*右边文本的位置*/
.mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{top: 18px;right: 3px;}/*眼睛的位置*/
.mui-input-group:after{background: none}/*去掉最下面的横线*/
.mui-poppicker-header .mui-btn{font-size: 14px !important;}/*省级联动确定取消按钮*/
/*.mui-bar-nav.mui-bar .mui-icon {color: white;}飞来窗口关闭颜色*/
.mui-switch-mini{position: absolute;right: 0;bottom:11px;}/*switch按钮的位置*/
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top: 12px !important;}/*单选按钮*/

/*大距离表单 适用于登录注册*/
.max_input{height: 60px !important;}
.max_input label {line-height: 2.8;}
.max_right{bottom:6px !important}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top: 8px;}/*单选按钮*/
.max_input span.mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{top: 24px;right: 3px;}/*眼睛的位置*/
.max_input span.mui-icon-clear{top: 24px !important;}/*眼睛的位置*/

/*没有内容*/
.null_png{ width: 30%; display:block; margin:0 auto; margin-top: 12px; }
.note{text-align: center;height: 23px; line-height: 23px;
    margin:6px auto;display: block;}/**居中P标签**/
.text-center{text-align: center;height: 17px; line-height:17px;
    margin:0 auto;display: block;color: white;font-size: 14px}
.note_auto{ line-height:17px;display: block; margin:6px auto !important; font-size: 14px}
/*mescroll下拉刷新*/
.mescroll{ position: fixed;top: 44px;bottom: 0; height: auto;}
.mui-scroll-wrapper{top: 44px}/*mui内置刷新*/
.mui-bar-nav~.mui-content .mui-pull-top-pocket{top: 0}/*mui内置刷新*/

/**活动报名**/
.activity_time { width: 100%; height:40px;position: relative; padding-top: 2px}
.activity_time > p{font-size: 14px; height: 17px;line-height: 17px;margin-top: 2px; }
.allbtn { width:66px;height:26px; position: absolute;right: 0; bottom: 4px;}
.allbtn span {width: 100%; height:100%; text-align: center;display: block;
    line-height: 26px; border-radius: 3px; color: #fff;font-size:15px;}
.startbtn {background: -webkit-linear-gradient(left,#4EC5F2,#17A3DD);}/**报名开始按钮**/
.endbtn{background:#b1b1b1;}/**报名结束按钮**/
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{width: 28px; height: 28px;}/*重置单选按钮*/
/*首页*/
.media_body{width:90%;display: flex;}
.media_body > span{font-size: 14px;color:#797979;}
/*在微信的时候显示导航*/
#mui-bar{position: fixed; z-index: 95;right: 0;background: none;left: 0; min-width: 320px;max-width: 750px;margin: 0 auto;
    height: 44px; padding-right: 10px; padding-left: 10px; border-bottom: 0;}
#mui-bar > a.mui-icon {padding-top: 10px}
#mui-bar > h1{width: 70%;left: 15%}

/*我的-侧滑导航*/
.mui-bar{z-index: 95; background: -webkit-linear-gradient(left,#4989f1,#3479e8);min-width:320px;max-width:750px;margin:0 auto;}/*导航*/
.mui-title{color: white}
.settings_title{width: 100%; height: 44px; line-height: 44px; font-size: 17px;
    font-weight: 500; text-align: center;color: white;}
.info_rightMsg{position: absolute; z-index: 10; right: 25px;bottom:10px;}
.btn_setting{width: 78%;margin: 10px auto; display: block; font-size: 15px}

/*义工申请 图片上传*/
.photo_manager{width: 93%;height:auto;  margin:0 auto;}
.addPhoto{width: 50%; float: left;}
.loadPhoto{  font-size:75px;width: 75px;height:75px; display: block; margin:0 auto; border: 1px dashed #d2d2d2;color: #d2d2d2;}
.uolpad_img{width: 95%;display: block; margin:0 auto; margin-top: 5px}
.shenhe_time{width:70px; display: block;margin:10px auto;}
/*计划列表*/
.mininfo_box{width: 100%;height: 20px;overflow:hidden;}
.case_p{width: 93%;margin:7px auto;}
.top_card{background: white;width: 94%;margin:0 auto;border-radius: 3px;margin-top: 10px;padding:5px 0;}
.days{width: 100%;height: 35px;line-height:35px;}
.width70{width: 65%;float: left;}
/*计划详情*/
.typebg{background: #27CCAA;border-radius: 10px;}
.PlanP{width: 100%;line-height: 20px;overflow: hidden;text-overflow: ellipsis;color: white;font-size: 13px;
    display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all;}
.PlanP a{color: white}

.cen_Plan{padding-left:10px;}
.white{color:white;}.vertical{display: flex;align-items: center}/*父元素垂直*/
.plan_bg{padding:15px 8px;margin:15px 0;border-radius: 10px;color:white;}
.morning{ background:#27CCAA  }/*签到*/
.planBlue{background: #29ACFA}/*计划*/
.stepGreen{background:#06d24e;}/*走路*/
.meal{background: #FFAA23}/*饮食*/
.xueya{background: #FB3609}/*血压*/
.xuetang{background:#FC4F55}/*血糖*/

.mui-img{line-height:33px;border-radius: 3px; max-width: 33px;max-height: 33px;height:33px;}
.mor_sgin{font-size: 17px;align-items: center;}
.finished{background: white;border-radius: 30px; line-height: 22px; padding:2px 12px;float: right;}
.BlueBtn{color:#29ACFA;}.finishedNo{color:#F37B1D;}
.morningBtn{color:#27CCAA;}.mealBtn{color:#FFAA23 }
.xueyaBtn{color:#FB3609 }.xuetangBtn{color:#FB3609 }
.right_btn{width: 24%;float: right;}
.comfirm-btn{background: white; border-radius: 30px;color:#06d24e; 
    line-height: 22px;padding: 2px 6px;margin-top: 5px;float: right;}
/*主界面*/
.index_banner{width: 100%;height: auto; position: relative;}
.info_mgs{width:100%; position: fixed; left:0;top: 6%; clear: both;  padding:0 0 7px 0;
 border-radius: 11px; /*opacity: .8; box-shadow:0 2px 2px rgba(0,0,0,.2)*/}
.info_white { width: 100%;overflow: hidden; margin:0 auto;
  border-radius: 6px}
.head_img {width: 23%;height: 64px;float: left;margin-top: 6px; margin-left: 12px;}
.head_img  img {width: 63px; height: 63px; max-width: 63px; display: block;
    max-height: 63px;margin: 0 auto;border-radius: 50%;}
.info_right{ width: 73%; float:left;position: relative;color: white  }
.info_userName{width:90%; height:26px; clear: both; line-height: 26px;font-size: 17px;}
.info_userName h2{height: 100%;float: left; line-height: 27px;color: white}
.info_time{font-size: 14px;font-weight: normal;color: white;}
.look_qy{font-size: 14px;color: white}
.xufei{margin-left: 10px;background: #0774de;line-height: 1;display: inline-block;
    padding: 6px 12px; font-size: 12px; color: #ffffff; border-radius: 11px;}
.radian{width: 100%;display: block;position: absolute;left: 0;bottom:0px;}
.radius {overflow: hidden;border-radius: 9px; margin: 10px;
    background-color: #fff; background-clip: padding-box;box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.user_svg{ width: 22px;margin: 0 4px 0 0;}/*个人中心svg图标*/

.Finance_box{width: 94%;height: 75px; clear: both; position: absolute;
    bottom: -9%;}
.Finance_left{width:40%;height: 80%;margin-top:3%; float: left;}
.Finance_right{width:40%;height: 80%;margin-top:3%;float: right;}
/**设置个人信息**/
.btn_normal{ width: 75%;display: block;margin:10px auto; padding:8px 13px; font-size: 17px;margin-top: 25px; color: white; background: -webkit-linear-gradient(left,#4989f1,#3479e8); }/*正常按钮*/
.cricle { position: relative; width: 70%; height: 1px; border-bottom: dashed 1px #4e93f7; margin: 0 auto;margin-top: 25px; display: block;}
.or { width: 40%;height: 18px; line-height: 18px;background: white;position: absolute;
    left: 30%; bottom:-8px; color: gray;display: block;font-size: 16px; text-align: center;}
.wx_img{width: 38px; font-size: 37px;margin:0 auto;display: block;color: #4cd964}
/*修改个人资料*/
.edit_photo { width:65px;overflow: hidden;
    margin:5px auto;text-align: center;vertical-align: middle;}
.edit_photo_img { width: 65px;border-radius: 50%; max-width: 65px; height: 65px; max-height:65px}

/*店铺主页*/
.shopRight{width:68%;height:100%; margin-left:12px; float: left;}
.car_pic,.edit_xh{position: absolute;right: 10px;bottom:10px}

/*财务板块*/
.info_head{width: 100%;height: auto; display: flex; padding:12px 0;   background: -webkit-linear-gradient(left,#4989f1,#3479e8) }
.info_account {width: 33.33%;height:60px; overflow: hidden;margin-top:12px;}
.account_title{width: 100%;background: #efefef;position: relative;}
.title {color: #6d6d72;padding: 10px;font-size: 15px;font-weight: bold;}
.leftTime{font-size: 14px;color:  #9E9D9D;}
.righttixian{position: absolute;right: 12px;top: 10px}
/*银行卡*/
.add_card { width: 90%; height:80px; margin:12px auto;position: relative;
    border: 1px dashed gainsboro;border-radius: 10px;}
.card_content { width: 53%; height: 60%; margin: 6% auto;}
.add_carImg{width:40px;  float: left;  margin-top:3px;}
.add_span {display: block; float: right;  margin-top: 11px;
    height: 20px; font-size: 15px;font-weight: 570;color: #3c86ed;}
.car_img { width: 30%; height:100%; float: left;}
.car_img > img {width:50px; height:50px; margin: 15% auto; display: block;}
.card_msg {float: right; width: 70%;height: 80%;margin-top: 3%;}
.notice{ background: #ffffe3;width: 100%; height:35px; font-size: 15px; text-align: center;line-height:35px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);color: #ff6600;}
.bgf60 {background: #fbfbfb;padding: 10px 12px;position: relative;color: #696969  }
/*等级权益*/
.qy_tit{width: 100%;height: 40px; position: relative; z-index: 10; line-height: 40px;clear: both; background: -webkit-linear-gradient(left,#f3f7ff,#f3f7ff);}
.qy_tit span{display: block;width:35%; text-align: center; height: 100%;line-height:40px;float: left;}
.qy_tit span:nth-child(1){width:25%; }
/*我要捐款*/
.pay_title > span{ height: 35px;line-height: 37px;font-size: 15px;color: #252525 }
.pay_text{padding-bottom: 2px;}
.pay_text > span{height: 33px;line-height:33px }
.pay_name{width: 35%;;float: left; font-size: 15px;color: #252525}
.center{width: 30%; text-align: center; ;float: left;font-size: 15px}
.pay_time{width: 35%; float: right;text-align: right; font-size: 14px;}
.remarks{width: 100%; font-size:14px; color: #7d7d7d;margin: 0 auto;line-height: 20px;
    clear: both;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; word-break: break-all; }
.yigong{color:white;padding:3px;background: #3BB4F2;font-size: 11px;}
/**支付订单页**/
.select_address { width: 100%; height: auto; position: relative;padding-bottom:4px; -webkit-border-image: url(../images/no_address_img.jpg) 0 1% 100% 1% repeat repeat;
    border-image-width:2px;}
.textarea { resize: none; outline: none;font-size: 14px;border:1px solid #eeeeee !important;
margin: 6px auto; display: block; padding: 5px;  width: 94%; text-align: left;
    height: 80px;  color: #9B9B9B;}
.pay_pic {width: 23px;margin: 0 0 0 10px;}
.success{width: 24%;display: block;margin:3% auto; margin-top: 8%}

/*我的订单*/
.all_status{width: 100%;height: 27px; line-height: 27px; clear: both; overflow: hidden;}
.all_status span{margin-top: 3px;}
.commBtn{ padding:1px 5px;float: right;margin-left: 12px;}
.LeftBtn{ padding:3px 5px;float: left;margin-right: 12px;}
.order_title{width: 100%; height: 20px;line-height: 20px;margin-bottom:5px;}
.goods_mgs{text-align: right;}
/*视频、音频*/
.audio_next{width: 100%; height:auto;}
.becare{width: 25%;display: block; margin:10px auto;}
/**简生活馆**/
.float_nav {width: 100%;height:45px; color: white;position: fixed;top: 0;left: 0;}
.search_main {width: 65%;height:45px; padding-top: 6px; overflow: hidden; margin: 0 auto; position: relative;}
#search_btn{position: absolute; right: 0;top: 0;z-index: 3;
    padding: 6px 10px; background: none; border: none; color: white;}
.submitBtn{position: absolute;right:3px;top:12px;border:none;background: none}
/**文章**/
.content{width: 93%;padding-bottom: 5px;clear: both;margin:0 auto;margin-top: 12px;}
.DivTwo{width: 100%;height: 20px;margin: 8px auto; clear: both;}
.desc{width:93%;line-height:25px; overflow-y:hidden; font-size:16px !important;margin:3px auto}
.desc img{ width: 100% !important;margin:10px auto;display: block; }
.desc p{text-indent:0 !important;color: #212121; margin-top:6px;font-size: 16px !important;line-height:25px; word-wrap:break-word;word-break:break-all;/*解决字母不自动换行*/ }
.desc span{font-size: 16px !important;line-height:25px; word-wrap:break-word;word-break:break-all;/*解决字母不自动换行*/}
iframe{ width: 100% !important; margin: 0 auto;display: block; }
.desc strong{font-weight: normal !important; }
/**评论功能***/
.comment_btn{height: 100%; float: right; text-align: right;color: #548CEA;}
.slidecomment{ width: 100%; height:40px; padding-left:20px; line-height:22px;color: #548CEA }
.user_comment{width: 100%; background:  #F8F8F8; height: auto;margin-bottom:4px; padding-top:4px; }
.user_title{ width: 100%; height:50px; border-bottom: 1px solid #f1f1f1}
.userleft{width: 34px;height: 34px;float: left;border-radius: 50%; margin: 5px 2px 2px 7px;}
.margin_min{margin:10px 2px 2px 0;}
.right_mgs{ width:84%;height:100%; margin-right: 2%; position: relative; float: right;}
.comment_time{ width: 90%;color: #98a4b4;font-size: 13px; display: block;}
.reply{ position: absolute; right: 3px; top: 0;color:#333333}
.review_body{width: 84%;margin-left: 14%; padding-bottom:5px; margin-top:5px;font-size: 14px; line-height:23px; overflow: hidden;
    word-break: break-all; padding-right: 10px;color:#252525;}
.comment_box{ width:86%;margin-left: 14%; height: auto;background: #F8F8F8; }
/*.more_comment{width: 50%; height: 1rem; display: block; line-height: 1rem; margin: .1rem auto;text-align: center;}*/
.alert_comment{width:100%;height: 5rem; background: white; z-index: 999992; 
   position: fixed;left: 0;bottom:0; }

/**点赞*/
.zanok {width:20px; padding: 0 3px 5px 0;}
.sizebtn {padding: 2px 7px; float: right; margin-left: 12px;}

.mui-Box{width: 93%;height: 30px; margin:8px auto; clear: both;}
.mess_number{width:25%;height: 100%;float: left;line-height:30px }
#mui-textarea{width: 52%; height: 100%; padding:0; padding-left: 6px; line-height:30px; border:1px solid #e4e4e4; float: left;}
.pay_msg{ float: right; padding: 5px 12px !important;background: -webkit-linear-gradient(left,#4989f1,#3479e8);color:white;border:none;;}

/*活动报名*/
.share{color: white ;font-size: 16px;line-height: 44px; position: absolute; right: 12px; top:0;display: block; }
.save{width: 23px;position: absolute;right: 10px;top: 11px;display: block;}
.iconShare{position: absolute !important;right:8px;top: 0;color: white;font-size: 26px !important}
.left_pic { width: 27px; float: left; margin: 7px 4px 5px 0;}
.leftshare{ left: 12px;right: auto;font-size: 15px}
.btn_load1{height: 44px;line-height: 44px;margin-right: 10px;}
/***云打包地图**/
.map_box{ width: 95%; height: 250px; margin: 0 auto; position: relative; }
.map_content{ width: 100%; height: 250px;margin: 0 auto; }
.nav_btn{ width:30px; height:30px;display: block; position: absolute; bottom: 4px; right:3px; }
.blank_s{ width:40px; position: fixed;right: 5%; bottom:10%; display: none; }
.blank_s > img{ width: 100% }
/*编辑插件*/
.Eleditor-wrap.Eleditor-mask {top: 47px !important;}
.Eleditor-textEditor {z-index: 98; }
.Eleditor-placeholder { font-size: 14px;color: grey; padding:3px;}
.introduction { width: 70%;  resize: vertical; border: none;
    display: block;position: absolute;right: 0; top:10px;}
.Eleditor-controller{z-index: 9}
.Eleditor-area{ width: 92%;background: #F8F8F8; height: auto;padding-bottom:40px; margin: 0 auto;; }
/*.Eleditor-area p{font-size: 14px; line-height: 19px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }*/
#desc > h2{ font-size:16px !important;height:40px; line-height:40px; padding-left: 10px; }
.Eleditor-controller ul li {overflow: hidden !important;;}

/*通用底部*/
.page_bottom {background: white; width: 100%;height:44px; z-index: 95;position: fixed;bottom: 0; margin: 0 auto;line-height: 44px;
    min-width: 320px;max-width: 750px;border-top: 1px solid #EFEEEE;}
.people_phone {width: 67%; height: 100%; float: left;position: relative;line-height:44px;font-size: 15px;padding-left:36px;}
.left_call {position: absolute; left:10px; top:10px; width:22px; float: left;}
.imgOne1 { width: 20px;position: absolute;left:10px; top:12px;}
.start_end {width: 33%;height: 100%;line-height:44px; float: right;font-size: 15px;
    background: -webkit-linear-gradient(left,#548CEA,#2473F4);color: white; position: relative;text-align: center;padding-left: 20px;}
.end_btn{background: grey}   
.page_btn{width: 100%; height: 100%;color: white;text-align: center;line-height: 44px;font-size: 15px;
    background: -webkit-linear-gradient(left,#4989f1,#3479e8);display: block;}    
/*待支付*/
.fix_left{width: 65%;height: 100%;line-height: 44px; float: left;padding-left:12px;}
/*收藏*/
.subpage{width: 15%;height: 100%; line-height:30px;font-size: 12px;float: left;
    text-align: center;}
.storeup{width:100%;height: 100%; line-height:20px;text-align: center;
    font-size: 13px; margin: 0 auto;}
.storeup i {display: block; width:25px; height:20px; background: url(../images/offstar.png) no-repeat 0 0;
    background-position: center;background-size:19px auto; margin:3px auto 0; overflow: hidden;}
.storeup1{width:100%;height: 100%; line-height:20px;text-align: center;
    font-size: 13px; margin: 0 auto;}
.storeup1 i {display: block; width:25px; height:20px; background: url(../images/onstar.png) no-repeat 0 0;
    background-position: center;background-size: 19px auto; margin:3px auto 0; overflow: hidden;}
.shop_car { width: 19%;height: 100%;line-height:20px;font-size: 13px;
    float: left;text-align: center;}
.shop_carimg { width: 20px; display: block;margin: 0 auto;margin-top:4px;}   
.subpage_min {width: 31%;height: 100%;line-height:44px; float: left;text-align: center;
    background: -webkit-linear-gradient(left,#5598F7,#3B83EC);color: white;}
.page_money { width: 35%; height:100%; line-height:44px; text-align: center;
    float: right;background: -webkit-linear-gradient(left,#357DE5,#2974E1); color: white;}

/**商品列表详情**/
.main_div{ width: 100%; height:20px; line-height:20px;}
.del{font-size: 13px;color: #9A9A9A;padding-left:8px;}
.next_detail { width: 100%;line-height: 18px; height: auto;margin: 3px auto; margin-top: 5px;}
.mui_xl{padding-left: 10px}

/*微信里面-分享弹出层*/
.Ishare{width:65%;display: block;margin:25% auto;}
.Ikonw{width:30%;margin-top: 25%;display: block;margin:0 auto;}
/*我的健康*/
.add_height01{width: 100%; height:250px;bottom: -250px;display: none;}
.number_box { padding-left: 15%}
.index_img{width: 26px;margin-right: 5px}
.iconAdd{font-size: 33px;width: 35px;height: 35px;display: block;margin: 0 auto;}
/*体重上传照片*/
.upload_photo{width: 45%; float: left;margin-left:3%;}
.upload_photo_img{width: 50%;display: block;margin:5% auto;}
.img_box{width: 100%;height: 35px;margin-top: 5px }
.img_box img{width: 35px;height: 35px; float: left;margin-right:6px;}
/*我邀请的人*/
.twoLink{width: 75%;height:35px;margin:10px auto;}
.twoLink button{ display: block; float: left;font-size: 15px; }
.right_pos{float: right !important}

/***mui内容结束****/
/**表单封装**/
input::-webkit-input-placeholder {font-size:16px;color: #9B9B9B;} input:-moz-placeholder { font-size:16px;color: #9B9B9B;} input::-moz-placeholder {font-size:16px;color: #9B9B9B;} 
input:-ms-input-placeholder {font-size:16px;color: #9B9B9B;}input:focus { outline: none;} input{outline: none;border:none;  height:18px;line-height:18px;font-size:16px;color: #9B9B9B;cursor: pointer;}
/*自定义弹出层*/
.alert_bg{width: 100%; height: 100%; display: none; background-color: rgba(0,0,0,0.6);
filter:alpha(opacity=60);-moz-opacity:0.6;position: fixed; z-index: 99 !important; left: 0;top: 0;bottom: 0;right: 0 }
.alert_box{width: 80%;height: auto; background: white; z-index: 121; 
   position: fixed; top: 45%;left: 50%;transform: translateX(-50%) translateY(-45%);border-radius: 6px;}
.alert_title{width: 100%; height: 40px;line-height: 40px; text-align: center;font-size: 15px;font-weight:bold;}
#alert_scroll{width: 85%;line-height: 20px;font-size: 12px;height: 75%;overflow-y:scroll; }
.btntwo{width: 100%; height: 35px;border-top: 1px solid #EFEEEE}
.btntwo span{display: block; text-align: center; width: 50%; height: 100%;line-height: 35px;float: left;border-right:1px solid #eeeeee;}
.leftBtn{float: left;}
.rightBtn{float: left;color: #dd524d;border-right:none;}
.Iknow{width:100%;height: 30px;display: block; line-height: 30px; text-align: center;font-size: 15px; }
.close_btn{ width: 28px;position: absolute; left: 45%; bottom:6%;}
video{position: relative;z-index: 90;max-height:200px;}

/**调出收货地址
.second_body {background: white;margin: 0 auto;width: 100%;
    height:100%;z-index: 100;overflow-y: scroll;position: absolute; right:-100%; top: 0;}
.Arrow_Box{ width:40px; height: 100%; position: absolute;left: 5px;top: 0;bottom: 0;right: 0}
.left_Arrow{ width: 11px; height: 11px;border-bottom: 2px solid white; border-left: 2px solid white;
    transform: rotate(45deg);  display: inline-block; margin: 0 auto; margin-top: 17px; display: block;}
**/

/*loading 加载*/
 /**.loading_white{height: .4rem;width: .4rem; border-radius: 100%;margin: .07rem auto; margin-bottom: .2rem;
    border: 2px solid white; border-bottom-color: transparent;vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite;}**/
.loading { display: inline-block; width: 16px;height: 16px; border-radius: 50%;
    border: 1px solid gray;border-bottom-color: transparent;vertical-align: middle;
    -webkit-animation: rotate .6s linear infinite;
    animation: rotate .6s linear infinite;}
.note_loading{font-size: 14px;display: block;}
@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg);}
    100% {  -webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    50% { transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
#tmlisloading{width: 100%;clear: both; margin:6px auto; text-align: center; z-index:99;font-size: 14px;display: none;}/*加载*/
#nomoreli{width:100%;text-align: center;font-size:14px; margin-top:4px;clear: both; display: none;}
.nomoreli,.loading_span{text-align: center;}

.load-btn{text-align: center;width: 80%; height: 30px; display: block;margin: 10px auto; line-height: 30px; font-size: 14px;;}
.layui-m-layercont > p { text-align: center; width: 100%;height: 20px;line-height: 20px; color: white}
/*layer 上传动画*/
.layer_bg{position: fixed; left: 0; top: 0; width: 100%;height: 100%;z-index: 99;
        background-color: rgba(0, 0, 0, 0.7); pointer-events: auto; display: none;}
.layui-m-layermain { display: table;pointer-events: none;}
.layui-m-layercont i { width: 25px; height: 25px;margin-left: 8px;display: inline-block;background-color: #fff;
    border-radius: 100%; -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
    animation: layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes layui-m-anim-loading {
    0%, 100%,80% { transform: scale(0);-webkit-transform: scale(0)}
    40% {transform: scale(1); -webkit-transform: scale(1)}
}
@keyframes layui-m-anim-loading {
    0%, 100%,80% { transform: scale(0); -webkit-transform: scale(0) }
    40% { transform: scale(1); -webkit-transform: scale(1)}
}
.layui-m-layercont i:first-child { margin-left: 0; -webkit-animation-delay: -.32s;animation-delay: -.32s}
.layui-m-layercont { text-align: center; padding: 0;line-height: 0;position: absolute;
    top: 50%; left: 50%;transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */
}
.layui-m-layercont p { margin-top: 20px}
/**选项卡 新样式organictabs.jquery.js**/
.nav{width: 100%;height:40px;border-bottom: 1px solid #EFEEEE;overflow: hidden;max-width: 750px;min-width:320px;margin:0 auto;}
.nav li{width: 50%;line-height:40px;font-size: 16px;text-align: center;float: left}
.nav li a{display:block; line-height: 40px;font-size:16px;text-align:center;border:0;}
.current{color:#3A7EEA !important;background: white;}
.slidehide{position:absolute;top:-9999px;left:-9999px}
.list-wrap{width:100%; height:auto;}
/**按钮组 九宫格**/
.btn_nav {width: 96%;height: auto;margin:0px auto;}
.btn_nav > ul li {width: 20%; padding-bottom:2px; float: left;margin-top:2px;}
.btn_nav > ul li img { width: 64%; margin:0 auto;display: block;}
.span_tips { width: 100%; height: 18px;line-height:  18px; margin-top:5px; color: rgb(68, 68, 68); text-align:center; font-size:14px; display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
/**公共标题**/
.comm_title { width: 94%;height:35px; font-size: 17px;
    line-height:35px; margin:0 auto; clear: both; margin-top:5px;}
.title_img{width: 33px; margin:2px 0 2px 0}
.line_bg { height:21px;  width:3px;background:#4989f1;float: left;display: block;margin:7px 10px 5px 0;}
.left_nav { width: 40%; color: #2A2A2A; height:100%;font-weight: bold;
    line-height: 35px; float: left; font-size: 15px;}
.right_more {height: 100%; line-height: 35px; float: right;text-align: center; font-size:14px;color: grey;}

#commleftImg{ line-height: 50px; max-width: 80px;height:  50px; }
.danhang{width: 100%; height: 22px;line-height:22px;font-size:15px; margin:0 auto; margin-bottom:3px; color:#151515;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.duohang{ width:100%;line-height:22px;font-size: 15px;  margin:0 auto;margin-bottom:3px;color:#151515;
    font-weight: normal;overflow:hidden; white-space: normal; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; word-break:break-all;/*******css均匀换行******/  }
.banner{width: 100%;display: block;margin:0 auto;}
.bigTitle{font-size: 16px;}/*大标题*/
.midTitle{font-size: 15px}/*中标题*/
/**一行省略***/
.one_ellipsis{overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.two_ellipsis{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; word-break:break-all;/*******css均匀换行******/ }
.comm_address{font-size: 14px}
.price_box { width:100%;clear: both; position: relative; height:22px;margin:3px auto;}
.rob_time{font-size: 13px;float: left; line-height: 22px}
.robbtn{display: block;padding:1px 3px; text-align: center;
    background: -webkit-linear-gradient(left,#66b5d6,#44a3ca); float: right;
    background: -moz-linear-gradient(left,#66b5d6,#44a3ca);
    color: #fff; border-radius: 3px;  font-size:13px;}

.status_01{color:#4cd964;font-size: 15px }/**绿色按钮(success)**/
.status_02{color:#E6E6E6;font-size: 15px }/**灰色(default)**/
.status_03{color:#F37B1D;font-size: 15px }/*橙色按钮(warning)*/
.status_04{color:#3BB4F2;font-size: 15px; }/*浅蓝次样式(secondary)**/
.status_05{color:#3d4145;font-size: 15px }/*黑色加重**/
.status_06{color:#DD514C;font-size: 15px }/*红色按钮(danger)**/
.mui_color{color:#007aff;font-size: 15px }/*mui_蓝色**/
.em_dashed{border-bottom: dashed 1px #077EB1;color: #077EB1}
.embig{ font-size:15px; font-weight:bold;}.embig1{ font-size:15px; }
.boldem{color:#3d4145;font-weight: bold;}/**加重黑色**/.color333{color: #333}
.emBlack{color:#6f6f6f;font-size: 15px }/*常规黑色*/
.pricecolor{ font-size:16px; color:#e4393c;font-weight: bold;}/**价格颜色**/
.prinor{ font-size: 16px; color:#e4393c;}/**价格颜色**/
.normal_span{ width:100%;font-size: 14px;color:#3d4145; line-height:14px; }
.emprice{ font-size: 14px; color: #EA1414;}


/***commauto 自动高度***/
.commauto{width:93%;height: auto;margin:5px auto; padding-bottom: 3px;clear: both; }
.commleftImg{ float: left; line-height:77px;max-width: 30%;width:30%;
    height:77px;margin: 0 4px 0 0;border-radius: 3px;}
.commrightBox { width:66%; height: 100%;float: left; margin-left:2%; position: relative;}

/***底部导航**/
.top10{margin-top: 10px}
.min-height{width: 100%; height: 1px;clear: both;}
.x-line { width: 100%; height: .25rem; clear: both;
    background: #F8F7F7; margin: .12rem auto;}
.height{width: 100%; height: 44px;margin: 0 auto; clear: both;}
.height1{width: 100%; height: 50px;margin: 0 auto; clear: both;}
.height2{width: 100%; height: 55px;margin: 0 auto; clear: both;}
.height65{width: 100%; height: 65px;margin: 0 auto; clear: both;}
/*公共底部样式*/
footer{position: fixed;bottom: 0; width: 100%;min-width:320px;max-width:750px;margin:0 auto;z-index:50; height:45px;background:#f9f9f9;border-top: 1px solid #e8e8e8; display: flex;    display: -webkit-box;
    display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}/*相当于float*/
footer a {width:20%;text-align: center; height:100%; display: block;font-size:13px;line-height:65px; }
footer a.active {color:#3A7EEA}
.footbg1 {background:url(../images/index1.png) no-repeat;background-size: 20px; background-position: 50% 2px; height: 100%;}
.footbg1.active {background: url(../images/index1_active.png) no-repeat; background-size: 20px; background-position:50% 2px; height: 100%;}
.footbg2 {background: url(../images/indexclass.png) no-repeat;background-size: 22px; background-position: 50% 2px; height: 100%;}
.footbg2.active {background: url(../images/indexclass_active.png) no-repeat;background-size: 22px; background-position: 50% 2px; height: 100%;}
.footbg3 {background: url(../images/oneTop.png) no-repeat;background-size:47px;line-height:109px; font-size: 12px; background-position: 50% 2px; margin-top: -22px; height: 120%;}
/*.footbg3.active {background: url(../images/index3_active.png) no-repeat;background-size: 19px; background-position: 50% 2px; height: 100%;}*/
.footbg4 {background: url(../images/index3.png) no-repeat;background-size: 20px; background-position: 50% 2px; height: 100%;}
.footbg4.active {background: url(../images/index3_active.png) no-repeat;background-size: 20px; background-position: 50% 2px; height: 100%;}
.footbg5 {background: url(../images/index4.png) no-repeat;background-size: 21px; background-position: 50% 2px; height: 100%;}
.footbg5.active {background: url(../images/index4_active.png) no-repeat;background-size: 21px; background-position: 50% 2px; height: 100%;}