/*.tabbar_item__icon:before,*/ .cell_style-item_top-bd_icon:before, .opt-item .opt_item-icon:before, .userinfo_type_icon:before,.recommend_user_icon:before/*, .weui-grid__icon:before*/ { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 100%; background: url('/Public/Home/images/news/sprites_icon-min.png') no-repeat center top; background-size: 500px 322px; }

/* 底部导航栏 */ 
.weui-tabbar{ max-width: 640px; }
.weui-tabbar__item { padding: 8px 0; }
.tabbar_item__icon { position: relative; display: inline-block; width: 40px; height: 40px; }
.tabbar_item__icon img { max-width: 100%;max-height: 100%; }
// .home_tabbar__icon:before { background-position: -96px -139px; }
// .home_tabbar__icon-on:before { background-position: -62px -139px; }
// .diy_tabbar__icon:before { background-position: 5px -139px; }
// .diy_tabbar__icon-on:before { background-position: -27px -139px; }
// .message_tabbar__icon:before { background-position: -142px -139px; }
// .message_tabbar__icon-on:before { background-position: -177px -139px; }
// .my_tabbar__icon:before { background-position: -215px -139px; }
// .my_tabbar__icon-on:before { background-position: -258px -139px; }

/* 箭头 */ 
.r-arrow, .r-arrow_circle {padding-right: 18px; position: relative; }
.r-arrow:after, .r-arrow_circle:after {content: " "; display: inline-block; border-color: #fff; border-style: solid; position: absolute; top: 50%; border-width: 1px 1px 0 0; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }
.r-arrow:after { height: 8px; width: 8px; margin-top: -4px; right: 4px; }
.r-arrow_circle:after { height: 6px; width: 6px; margin-top: -2px; right: 7px; }
.r-arrow_circle:before { content: " "; display: inline-block; height: 18px; width: 18px; border-width: 1px; border-color: #fff; border-style: solid; border-radius: 50%; position: absolute; top: 50%; right: 0; margin-top: -8px; }

/* 按钮 */
.btn_style, .btn_style:hover, .btn_style:focus { color: #fde6a9;color: #fff; }
.btn_style { background-color: #c00000; font-size: 14px;border-radius: 20px; }
.btn_style_01, .btn_style-min { border-radius: 25px; }
.disabled_btn, .disabled_btn:hover, .disabled_btn:focus { color: #636363; }
.disabled_btn { background-color: #959595; }
.btn_style-min { max-width: 50%; }
.cell_style-btn {padding: 0 8px; font-size: 12px; border-radius: 10px; line-height: 1.6; vertical-align: bottom; }
.weui-btn-area { display: flex; justify-content: center; margin: 15px; }
.weui-btn-area .weui-btn { flex: 1;margin: 0 10px; font-size: 14px; box-shadow: 5px 5px 5px #ccc; }
.remove_btn-active { background-color: #ae0d2b; }

/* toast */ 
#toast .weui-icon_toast { font-size: 55px; color: #fff; }
#toast .weui-mask_transparent { z-index: 9999; }

/* 弹窗 */ 
.js_dialog { display: none;}
.dialog_close { position: absolute;top: 0;right: 0;width: 30px;height: 30px; }
.dialog_close i { display: block;position: relative; width: 100%; height: 100%; transform: rotate(45deg); }
.dialog_close i:before, .dialog_close i:after {content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; }
.dialog_close i:before { width: 1px; height: 12px; }
.dialog_close i:after { width: 12px; height: 1px; }

/* 修改微信weui弹窗样式 */
// .weui-dialog { background: url(/Public/Home/images/news/dialog_bg-min.png) no-repeat center top; background-size: cover;padding: 0 20px 20px; border-radius: 10px; max-width: 512px; }
.weui-dialog { padding-bottom: 20px; border-radius: 10px; max-width: 512px; }
.weui-dialog__bd { background: #fff; border-radius: 10px; padding: 0 10px; margin-top: 20px; }
.weui-dialog__bd .weui-dialog__ft:after,.weui-dialog__bd .weui-dialog__ft .weui-dialog__btn:after { display: none; }
.weui-dialog__hd { color: #fff; font-size: 20px; padding: 18px 0; background-color: #c00000; }
.weui-dialog__title { font-size: 20px; }
.weui-dialog__hd p { font-size: 12px; margin-top: -4px; }
.weui-dialog__bd .weui-dialog__ft { margin-top: 15px; justify-content: center; }
.weui-dialog__bd .weui-dialog__ft .weui-dialog__btn { margin: 0 10px; border-radius: 25px; line-height: 2; font-size: 20px; text-align: center; max-width: 158px; }
.weui-dialog .weui-cells_form .weui-cell { border: 1px solid #ddd; margin: 10px; border-radius: 25px; } 
.weui-dialog .weui-cells_form .weui-cell label {  margin-bottom: 0; border-right: 2px solid #ddd; width: 80px; margin-right: 4px;  }


.maintain_dialog__main, .sales_dialog__main { position: relative; }
/* 功能维护弹窗 */ 
.maintain_dialog .weui-dialog { background-color: transparent; width: 56%;padding: 0; background: none; }
.maintain_dialog__main .maintain_dialog__bg { max-height: 200px; }
.maintain_dialog__content { position: absolute; left: 0; top: 40%; width: 100%; text-align: center; }
.maintain_dialog__title { color: #c00000; font-size: 16px; }
.maintain_dialog__des { color: #999999; font-size: 12px; }
.maintain_dialog__btn .maintain_dialog__close { display: inline-block; font-size: 16px; margin-top: 10px; padding: 6px 40px; border-radius: 25px; box-shadow: 5px 5px 5px #ccc; }

/* 产品销售弹窗 */
.sales_dialog .weui-dialog { max-width: 300px;background: none;padding: 0; }
.sales_dialog__bg { max-height: 260px; }
.sales_dialog .weui-dialog__bd {  position: absolute; top: 109px; left: 1%; width: 98%; }

/* 首页头部 */
.user_header { position: relative; color: #fff; white-space: nowrap;margin: 20px 10px 10px; }
.user_header_bg { width: 100%; border-radius: 10px; }
.user_header_content { position: absolute; top: 50%; left: 0; width: 100%; padding: 30px 20px; transform: translate(0, -50%); }
.user_header_content-hd, .user_header_content-bd, .user_header_content-ft { display: flex; }
.user_header_content-left,.user_header_content-right { flex: 1; }
.user_header_content-cover { width: 35px; border-radius: 50%; margin: 0 auto;float: left; margin-right: 10px; } 
.header_user_info .user_header_content-userinfo { overflow: hidden; text-align: left; }
// .user_header_content-bd { margin-top: 5px; }
.month_commission { font-size: 45px; }
.user_header_content-ft,.user_header_content-bd { font-size: 16px; }
.user_header_content-ft { position: absolute; bottom: 0; left: 0; width: 100%; }
.user_header_content-ft>div { border-top: 1px solid #fff; border-right: 1px solid #fff; padding: 10px 0; }
.user_header_content-ft>div:last-child { border-right: none; }
.user_header_content-ft>div>div:last-child { margin-top: -6px; font-size: 16px; }
.user_header_content-ft, .user_header_content-left_hd, .user_header_content-left_bd, .user_header_content-right_hd, .user_header_content-right_bd, .user_header_content-userinfo { text-align: left; }
.user_header_content .user_photo{ border-radius: 50%; }
.userinfo_type, .recommend_user { position: relative; display: inline-block; }
// .user_header_content-userinfo .userinfo_name { margin-top: 6px; }
.userinfo_type { background-color: #921e0c; padding: 0 10px 0 25px; border-radius: 10px; }
.recommend_user { float: right; background: linear-gradient(45deg, #ff4e4f, #e62223); padding: 1px 20px 1px 30px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; margin-right: -30px; color: #fff; }
.recommend_user:after { border-width: 1px 1px 0 0; right: 8px; }
.userinfo_type_icon, .recommend_user_icon { display: inline-block; position: absolute; top: 1px; width: 19px; height: 19px; border-radius: 50%; }
.userinfo_type_icon {  background: linear-gradient(135deg, #f8d986, #cea148); left: 0px; }
.userinfo_type_icon:before { background-position: -43px -1px; }
.recommend_user_icon { left: 6px;background: none; }
.recommend_user_icon:before { background-position: -62px 0; }
.user_header_content-ft_recommend_user { text-align: right; }

/* 团队头部 */
.header_user { position: relative; }
.header_user .header_user-top { position: absolute; top: 0; left: 0; width: 100%; padding: 20px 10px; margin: 10px 0 0 0; box-sizing: border-box; } 
.header_user-photo { float: left; margin-right: 10px; }
.header_user-photo img { width: 60px; border-radius: 50%; border: 1px solid #e4a866; }
.header_user-info-badge { overflow: hidden; }
.header_user-info { margin-bottom: 4px; }
.header_user-info .user_id { display: inline-block; padding: 0 8px; border: 1px solid #fff; border-radius: 20px; }
.header_user-info-l, .header_user-info, .header_user-info .user_id { color: #fff; font-size: 12px; }
.header_user-info-r { float: right;color: #cdb184; font-weight: 700; }
.header_user-info-l-name { font-size: 16px; font-weight: 700; margin-right: 4px; }
.header_user-info-badge .header_user-badge .badge { background-color: #fff; color: #c00000; }
.center_opt { position: relative; width: 90%; margin: -50px auto 0; border-radius: 10px; background-color: #fff; box-shadow: 0 0 5px #333;  overflow-x: auto; }
/* 使用伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器 */
.center_opt::-webkit-scrollbar {display: none; /* width:0 !important;  */   /* remove scrollbar space */ /* background: transparent;  */ /* optional: just make scrollbar invisible */ }
/* 兼容IE10+ */
.center_opt { -ms-overflow-style: none; }
/* 但是firefox代码无效 */
.center_opt { overflow: -moz-scrollbars-none; }
.opt_btn {  white-space: nowrap; }
.opt-item { display: inline-block; width: 24%; text-align: center; padding: 20px 0; box-sizing: border-box; }
.opt-item .opt_item-icon { position: relative; background-color: #c00000; width: 35px; height: 35px; border-radius: 10px; margin: 0 auto 4px; }
.opt-item .opt_item-icon_circle { border-radius: 50%; }

/* 列表cell */
.cell_style { width: 95%; margin: 10px auto; padding-bottom: 10px; box-sizing: border-box; }
.cell_style-item { position: relative; display: block; background-color: #fff; border: 1px solid #eee; border-radius: 10px; margin-bottom: 10px; }
.cell_style-item:after, .cell_style-item:before { width: 15px; height: 15px; content: ""; top: 23px; position: absolute; display: block; background-color: #f5f5f5; border-radius: 50%; }
.cell_style-item:after { right: -10px; border-left: 1px solid #eee; }
.cell_style-item:before { left: -10px; border-right: 1px solid #eee; }
.cell_style-item_top, .cell_style-item_content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 4px 10px; }
.cell_style-item_content { padding-top: 0; }
.cell_style-item_top { border-bottom: 1px dashed #eee; }
.cell_style-item_des { color: #b1b1b1; font-size: 12px; }
.cell_style-item_content-ft.cell_style-item_des { padding: 0; }
.cell_style-item_top-bd, .cell_style-item_content-bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; position: relative; }
.cell_style-item_top-bd_icon, .cell_style-item_content-bd { padding-left: 20px; }
.cell_style-item_top-bd_icon:before { width: 20px; }
.cell_style-item_top-ft, .cell_style-item_content-ft { text-align: right; }

.cell_style_01-item_top-bd_icon:before { background-position: -22px 1px;background-color: #eee; }
.cell_style_01-item:before, .cell_style_01-item:after { display: none; }
.cell_style_01-item_top, .cell_style_01-item_content { padding: 8px 14px; }
.cell_style_01-item_top-bd_icon, .cell_style_01-item_content-bd {padding-left: 25px; }