.address_manager_img/* page reset css start */ html { color: #000; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html, body { background: #f7f7f7 !important; font-family: sans-serif; min-height: 100%; overflow: auto; font-family: "微软雅黑"; } .mui-content{background: #f4f4f4 !important;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; font-family: "微软雅黑" } input, select, textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } abbr, acronym { border: 0; font-variant: normal } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } * { user-select: none; } * { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; color: inherit; } a:link, a:visited, a:hover, a:active { text-decoration: none; } /* page reset css start */ /* page often use class start */ .imgauto { display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .flex-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex1 { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .vh-cen { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } .text-of-one { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .text-over-two { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } /* font-size set start */ div { font-size: 12px; } [data-dpr="2"] div { font-size: 24px; } [data-dpr="3"] div { font-size: 36px; } .font12 { font-size: 12px; } [data-dpr="2"] .font12 { font-size: 24px; } [data-dpr="3"] .font12 { font-size: 48px; } .font14 { font-size: 14px; } [data-dpr="2"] .font14 { font-size: 28px; } [data-dpr="3"] .font14 { font-size: 42px; } .font16 { font-size: 16px; } [data-dpr="2"] .font16 { font-size: 32px; } [data-dpr="3"] .font16 { font-size: 48px; } .font18 { font-size: 18px; } [data-dpr="2"] .font18 { font-size: 36px; } [data-dpr="3"] .font18 { font-size: 54px; } .font20 { font-size: 20px; } [data-dpr="2"] .font20 { font-size: 40px; } [data-dpr="3"] .font20 { font-size: 60px; } .font26 { font-size: 26px; } [data-dpr="2"] .font26 { font-size: 32px; } [data-dpr="3"] .font26 { font-size: 58px; } .xd_1 select option { font-size: 12px; } [data-dpr="2"] .xd_1 select option { font-size: 24px; } [data-dpr="3"] .xd_1 select option { font-size: 36px; } /* font-size set end */ /* 底部导航 */ .nav_img{width: 25px;height:25px;margin: 5px auto;margin-bottom: 0px;} .nav_p{ margin:0;padding:0;text-align: center;line-height: 20px; color: #666666;font-size: 12px; } /* 底部导航 */ /* 轮播 */ .container{width: 100%;height: 160px;overflow: hidden;margin:0 auto;position: relative;} #list{width: 700%;height: 160px;position: absolute;} #list img{width: 14.285715%;;float: left;cursor: pointer;} .arrow{position: absolute;color:#fff;text-decoration: none;bottom: 20px;text-align: center;width: 40px;height: 40px;font-size: 30px;top:230px;font-weight: bold;background: rgba(0,0,0,0.3);} #left{left:20px;} #right{right: 20px;} .btns{width: 100px;height: 10px;position: absolute;bottom: 10px;left: 40%;} .btns span{cursor: pointer;border: 1px solid #fff;border-radius: 50%;margin-right: 8px;-webkit-border-radius:50%;-moz-border-radius:50%;width: 10px;height: 10px;float: left;} .btns .on{background: #fff;} /* 轮播 */ /* 首页 home.html */ .search_div{width: 100%;height:50px; padding: 7px 10px;box-sizing: border-box;} .search_inp{border-radius: 10px !important;height:36px !important;font-size: 14px;color:#333333; background: url(../img/search_img.png) no-repeat 3px;background-size: 26px 26px;padding-left: 35px !important;} .banner{width: 100%;height:160px;overflow:hidden;position: relative;} .banner img{width: 100%;height:100%;} .list_title{width: 95%;height:25px;line-height: 25px;font-size: 16px;margin: 10px 10px;padding:0px 10px; border-left: 3px #e93524 solid;box-sizing: border-box;color: #333333;background: #f7f7f7 ;} .list{width:50%;height:230px;float: left;padding:5px 10px ;box-sizing: border-box;background: #f7f7f7;overflow: hidden;} .list_div{ display:block;width:100%;height:220px; background: #fff;position: relative;overflow: hidden;} .list_img{width:100%;height:160px;border-bottom:1px #EFEFF4 solid;} .list_p{width: 90%;height:25px;line-height: 25px;font-size: 12px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 5%;} .list_p1{width: 90%;height:25px;line-height: 25px;font-size: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 5%;} .list_car_div{width: 25px;height:25px;position: absolute;right:10px;bottom: 5px;} .list_car_div img{width: 100%;height:100%;} .list_span{line-height: 35px;font-size: 14px;color: #999999 !important;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left: 5%;text-decoration:line-through} .list_gotop{margin: 3px;width: 40px; height: 40px; position:fixed;bottom: 60px;right:10px} .list_gotop img{width: 100%;height:100%;} .list_h_div{width: 100%;height:250px; padding:5px 10px; box-sizing: border-box;} .list_h_a{display: block;width:100%;height: 230px; background: #fff;padding:10px 10px; box-sizing: border-box; position: relative; overflow: hidden;} .list_h_a_img{width: 100%;height: 160px;} .list_h_p{width: 95%;height:25px;line-height: 25px;font-size: 14px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 2.5%;} .list_h_p1{width: 95%;height:25px;line-height: 25px;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 2.5%;} .list_h_div1{width: 100%;height:105px; padding:5px 10px; box-sizing: border-box;} .list_h_a1{display: block;width:100%;height: 95px; background: #fff;overflow: hidden; position: relative;} .list_h_a1_img{display: block;width:28%;height:95px; float: left;} .list_h_a1_p{width: 72%;height:110px; float: left;} .list_h_a1_p1{width: 95%;height:50px;line-height: 25px;font-size: 14px;color: #333333;overflow: hidden; margin: 5px 2.5%;} /* 首页 home.html */ /* 分类 class.html */ .class_left{width: 30%;height:auto;box-sizing: border-box;float: left;overflow: auto;} .class_left_a{display:block;width: 100%;height:45px;line-height: 45px;box-sizing: border-box;color: #333333;border-right:1px #D9D9D9 solid; border-bottom: 1px #E7E7E7 solid; font-size: 16px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .class_left_a1{display:block;width: 100%;height:45px;line-height: 45px;border-left: 3px #e93524 solid;box-sizing: border-box;color: #333333;border-bottom: 1px #E7E7E7 solid;font-size: 16px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .class_right{width: 70%;height:auto;float: left;overflow: auto; padding-left: 10px;box-sizing: border-box;} .class_right_a{width:100%;height:100px;border-bottom: 1px #D9D9D9 dashed; padding: 10px; box-sizing: border-box;} .class_right_a_p{margin:0;padding:0;width:95%;height:45px; font-size: 16px; line-height: 50px; color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .class_right_a_p1{margin:0;padding:0;width:95%;height:30px; font-size: 12px; line-height: 30px; color: #666666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* 分类 class.html */ /* 详细页 detailed.html */ .mui-navigate-right{font-size: 14px;} .detailed_img{width: 100%;height:320px;border-bottom:1px #EFEFF4 solid;} .detailed_title{ width:100%;height:90px;background: #fff;border-bottom:1px #EFEFF4 solid; padding: 0 15px;box-sizing: border-box;margin-top: -11px;padding-top: 10px;box-sizing: border-box;} .detailed_p{width: 100%;height:45px;line-height: 20px;color: #333333;font-size: 14px;overflow: hidden;margin-top: 5px;} .detailed_p1{width: 100%;height:35px;line-height: 30px;color: #e93524;font-size: 18px;overflow: hidden;} .detailed_span{line-height: 30px;color: #999999;font-size: 12px;overflow: hidden;float: right;} .detailed_div{width: 100%;height:2px;} .detailed_xq_img{width: 100%;height:auto;} .detailed_nav{display:block;width:75px;position: relative;} .detailed_nav_nub{position: absolute;right:15px;top:2px} .detailed_class{width: 100%;height:100%;background:url(../img/bg_class.png); position:fixed; top:0;z-index:9999;} .detailed_class_div{width: 100%;height:420px;background: #fff; position:absolute;bottom: 0 ;z-index:99999;} .detailed_class_close{width: 30px;height:30px;line-height: 30px;font-size: 18px; text-align:center;position:absolute;bottom:385px;right:5px;z-index:999999;color: #777777;} .detailed_class_img{width: 80px;height: 80px;float: left; margin: 5px 0;} .detailed_class_p{width: 72%;height:80px; float: left;} .detailed_class_p1{width:100%;height:40px;line-height: 40px;font-size: 18px; padding-left: 15px; box-sizing: border-box;} .detailed_class_p2{width:100%;height:25px;line-height: 25px;font-size: 12px; padding-left: 20px; box-sizing: border-box; color: #666666;} .detailed_class_btn{position: fixed;bottom: 0;} /* 详细页 detailed.html */ /* 购物车 car.html */ .car_checkbox{width: 20px !important;height:20px !important;font-size: 20px !important;} .car_checkbox1{padding-left: 50px !important;height:50px !important;} .car_btn{height:50px;line-height: 50px;} .car_div{ width:100%;height:100px;background: #fff; padding: 10px 5px;box-sizing: border-box;line-height:20px ;font-size: 12px;color: #999999;border-bottom:1px #EFEFF4 solid;} .car_div_img{width:80px;height:80px; float:left;} .car_div_p{width:70%;height: 80px; float:left;} .car_div_p1{width: 100%;height:25px;line-height: 25px; color: #333333;font: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .car_div_p1_span{line-height: 25px; color: #999999;font: 12px;float: right;text-decoration:line-through} .car_div_p2{width: 100%;height:25px;line-height: 25px; color: #999999;font: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .car_div_p2_span{line-height: 25px; font-size: 14px;float: right;} .car_div_more{width: 100%;height:30px;padding: 2.5px 0px;box-sizing: border-box;} .car_div_more_a{width: 25px;height:25px; background:#f7f7f7 ;float: left;line-height: 25px;text-align: center;font-size: 14px;border-radius: 5px;} .car_div_more_b{width:50px;height:25px; background:#f7f7f7 ;float: left;line-height: 25px;text-align: center;font-size: 14px;border-radius: 5px; margin-left: 3px;} .car_div_more_c{width: 25px;height:25px; background:#f7f7f7 ;float: left;line-height: 25px;text-align: center;font-size: 14px;border-radius: 5px; margin-left: 3px;color: #e93524;} .car_div_del{width: 25px;height:25px; float: right;} .car_div_del img{width: 20px;height:20px;margin: 2.5px; } .car_pay{width: 100%;height: 50px;position: fixed;bottom: 54px;background: #fff;} .car_pay_p{line-height: 50px;color: #333333;font-size: 16px; float: left;} .car_pay_p1{line-height: 50px;font-size: 14px; float: left; margin-left: 10px;} .car_pay_p2{line-height: 50px;color: #999999;font-size: 14px; float:right ; margin-right : 10px;} /* 购物车 car.html */ /* 支付 order——pay.html */ .order_pay_p{width:100%;height:25px;color: #333333;line-height: 25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .order_pay_p1{width:100%;height:25px;color: #999999;line-height: 25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 12px;} .order_pay_img{width: 100%;height:5px;position: absolute;} .order_pay_span{line-height: 25px; color: #333333;float: right;} .order_pay_inp{width:70% !important;height:20px !important;border: none !important;margin-bottom: 0px !important;padding: 0px 10px !important; font-size: 12px;} /* 支付 order——pay.html */ /* 地址管理 address_manager.html */ .address_manager_img{width: 100%;height:5px;position: absolute;} .address_manager_div{height:122px !important;overflow: hidden;} .address_manager_p{line-height: 50px;font-size: 12px; } .address_manager_a{display: block;line-height: 50px;color: #999999;float: left;margin-left: 10px;} .address_manager_a img{float: left;width: 20px;height: 20px; margin: 15px 5px;} /* 地址管理 address_manager.html */ /*地址添加 address.html */ .address_check{position: absolute; top: 13px !important;left:15px !important; } .address_btn{position: absolute !important;bottom: 0;} .address_select{-webkit-appearance:none !important; /*在选择框的最右侧中间显示小箭头图片*/ background: url("../img/arrow.png") no-repeat scroll right center transparent; padding-right: 14px !important;} /*地址添加 address.html */ .money_img{width: 25px;height:25px; position: absolute; top: 10px; left: 15px;} /*支付成功 pay_ok.html */ .pay_ok_img{width:80px;height:80px; margin-left: 30px;float: left;} .pay_ok_p{width: 50%;height:80px;float: left;margin-left: 15px;} .pay_ok_p1{line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 18px;} .pay_ok_p2{height:50px;line-height: 25px; overflow:hidden; font-size: 12px;color: #999999;} .pay_ok_div{clear:both;width: 100%;height:auto;overflow: hidden; margin: 10px auto;} /*支付成功 pay_ok.html */ /*个人中心 mine.html */ .mine_img{width: 25px;height: 25px; margin-top: 5px;} .mine_pic{width:20%;height:20%;border-radius:50%; border: 2px #fff solid;float: left;} .mine_p{width: 50%;height:80px;float: left;} .mine_vip{width: 25px;height:25px;float: left;} .mine_vip img{width: 100%;height:100%} .mine_money{display:block;width: 30%;height:80px;float: left;border-left: 1px #f6553a solid;} .mine_money_img{width: 40%;height:auto;margin:0px 30%;} .mine_div{ width: 100%;height: 55px;color: #fff;padding: 10px 0px;} .mine_div_50{width: 50%;height:35px;line-height:35px;font-size: 20px; text-align: center;float: left;} .mine_div_span{font-size: 12px;line-height: 50px;} .mine_bar{position: relative !important;background: #fff !important;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;} .mine_bar_a{ position: relative !important; } .mine_nav_nub{position: absolute;right:30%;top:2px} /*个人中心 mine.html */ /*提现 提现.html */ .tixian_nub{width: 100%;height:auto;font-size:50px;font-weight: bold; line-height: 80px; text-align: center; margin-top:80px;} .tixian_input{width: 90% !important;margin: 30px 5%; border-radius: 5px !important;font-size: 14px;} /*提现 提现.html */ .integral_p{width: 100%;height:60px;font-size: 30px;color: #fff; text-align: center; line-height: 70px;} .integral_btn{position: relative !important;width:30%;height:30px;line-height:30px;text-align:center;border:1px #fff solid !important; color: #fff !important; background: none; margin: 0px auto;border-radius: 10px; margin: 10px 35%;} .integral_div{position: relative;bottom: 0px;width: 100%;height: 40px;background: #333333;opacity: 0.7;} .integral_div_a{width: 33.3%;height:40px;line-height: 40px;color: #fff;float: left;font-size: 16px;text-align: center;} .order_mine{width: 100%;height:45px;background: #fff;} .order_mine_a{width: 33.33%;height:45px;border-bottom: 2px #e93524 solid;float: left;line-height: 45px;text-align: center;} .order_mine_b{width: 33.33%;height:45px;float: left;line-height: 45px;text-align: center;} .order_mine_btn{padding: 3px 5px !important;} .order_mine_span{line-height: 20px;color: #e93524;margin-right: 20px;} .order_mine_p{float: left;margin-right: 5px;} .order_detailed_btn{padding: 1px 5px !important;} .bill_span{font-weight: bold !important;} /*物流信息 wuliu.html */ .track-rcol{width:100%; border: 1px solid #eee; background: #FFFFFF;} .track-list{margin: 20px; padding-left: 5px; position: relative;} .track-list li{position: relative; padding: 20px 0 0 25px; line-height: 18px; border-left: 1px solid #d9d9d9; color: #999;} .track-list li.first{color:#7bb008; padding-top: 0; border-left-color: #fff;} .track-list li .node-icon{position: absolute; left: -6px; top: 50%; width: 11px; height: 11px; background: url(../img/order-icons.png) -21px -72px no-repeat;} .track-list li.first .node-icon{background-position:0 -72px;} .track-list li .time{margin-right: 20px; position: relative; top: 4px; display: inline-block; vertical-align: middle;} .track-list li .txt{max-width: 600px; position: relative; top: 4px; display: inline-block; vertical-align: middle;} .track-list li.first .time{margin-right: 20px; } .track-list li.first .txt{max-width: 600px; } .wuliu_div{border-bottom: 1px #d9d9d9 dashed;padding-bottom:20px } /*物流信息 wuliu.html */ .none{width:70%;height:auto;margin-top: 100px; margin-left: 15%;} /*分成排行 winner.html */ .winner_div{width:100%;height:4rem; position: relative; padding: 10px 0px; background: #ffffff;border-bottom: 1px #DDDDDD solid;} .winner_nub{width:1.7rem;height:0.6rem; border-radius:0rem 2.5rem 2.5rem 0rem; float: left; color: #fff;margin-top: 1.7rem; text-align: center; line-height: 0.6rem;} .winner_img{width: 4.25rem;height:2.4rem; float: left; margin-left: 1.2rem;margin-top:0.4rem;position: relative;} .winner_img_pic{width: 100%;height:100%;position: absolute;z-index: 2;} .winner_img_pic1{width: 1.65rem;height:1.65rem;position: absolute;z-index: 1; border-radius: 50%;margin-left: 1.33rem; margin-top: 0.45rem;background: #000000;} .winner_img_pic1 img{width: 100%;height:100%;border-radius: 50%;} .winner_p{width:2.55rem;height:0.5rem;color: #000000; position: absolute; z-index: 3;top:1.9rem;left:0.85rem; line-height: 0.45rem;text-align: center;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .winner_money{clear: both;line-height: 0.8rem;} .winner_pic{width: 50px;height:50px;border-radius: 25px; float: left;} .winner_pic img{width: 50px;height: 50px;border-radius: 25px;} .winner_span{width:15%;float:left;line-height: 50px;} /*分成排行 winner.html */ /*我的团队 team.html */ .team_span{float:right;line-height: 50px; margin-right: 20px;} /*我的团队 team.html */ .width50_1{width:50% !important;float: left;-webkit-appearance: none;} .width50{width:50% !important;margin: 0 10%;float: left;-webkit-appearance: none;} .width100{width: 100% !important;} .fs14{font-size: 14px !important; line-height: 25px;} .fs12{font-size: 12px !important;} .color_cheng{color: #ff6000 !important;} .color_white{color: #FFFFFF !important;} .color_hui{color: #333333 !important;} .color_hui1{color: #666666 !important;} .color_red{color: #e93524 !important;} .color_green{color: #7bb008 !important;} .color_green1{color: #7de439 !important;} .color_huang{color: #ffae21 !important;} .bg_red{background: #e93524 !important;} .bg_sred{background: #c42c1e !important;} .bg_hui{background: #f7f7f7 !important;} .bg_none{background:none !important;} .m0{margin: 0 !important;} .p0{padding: 0 !important;} .b0{bottom: 0 !important;} .pr0{padding-right: 0 !important;} .p10{padding: 10px !important; box-sizing: border-box;} .pt30{padding-top: 30px !important;} .pb30{padding-bottom: 30px !important;} .pl50{ padding-left: 50px !important;} .mt45{margin-top: 45px !important;} .mt15{margin-top: 15px !important;} .mt10{margin-top: 10px !important;} .mt5{margin-top: 5px !important;} .mt0{margin-top: 0px !important;} .mr15{margin-right: 15px !important;} .ml25{ margin-left: 25px !important;} .ml10{ margin-left: 10px !important;} .ml5{ margin-left: 5px !important;} .mb50{ margin-bottom: 50px;} .border{border:1px solid; box-sizing: border-box;} .border_none{border: none !important;} .border-color{border-color: #e93524 !important;} .border-color_white{border-color: #FFFFFF !important;} .lh25{line-height: 25px; font-size: 14px;} .lh42{line-height: 42px; font-size: 16px;} .lh42_a{line-height: 42px; font-size: 16px;color: #fff;margin-left: 10px;} .clean{ clear: both !important; } .fr{float: right;} .fl{float: left;} .text-align{text-align: center;} /*将元素放置到最底部*/ .element-dowon { position:absolute !important; bottom:0; width:100%; }