@charset "UTF-8"; /** * * @authors Your Name (iqianduan@126.com) * @date 2017-08-07 11:48:43 * @version $Id$ */ *{ padding: 0; margin: 0; } a{ text-decoration: none; } ul,li{ list-style: none; } input, textarea { outline: 0; resize: none; border: none; _border: 0; margin: 0; padding: 0; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } input { margin: 0; padding: 0; border: 1px solid #cccccc; height: 20px; } .fl{ float: left; } .fr{ float: right; } .os_line { background: #F9F9F9; height: 10px; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; } /*公共css end*/ .place_order{ width: 100%; } /*头部 start*/ .order_top{ width: 100%; height: 45px; background: #A01E24; } .order_top h1 { text-align: center; font-size: 18px; color: #fff; line-height: 45px; letter-spacing: 5px; } /*头部 end*/ .order_bottom{ width: 100%; } .order_select { width: 100%; margin: 20px auto; position: relative; overflow: hidden; text-align: center; } .order_form { border-radius: 3px; overflow: hidden; width: 70%; padding: 0 25px; display: block; margin: 0 auto; float: right; font-size: 0; /* position: relative; */ } #img { /* float: right; */ width: 16%; height: 43px; /* margin-top: 20px; */ /* margin-right: 23px; */ position: absolute; left: 5%; top: 5%; } #img img{ width: 100%; height: 100%; } .order_text { vertical-align: middle; /* width: 70%; */ font-size: 14px; border: 1px solid #ccc; border-right: 0; line-height: 45px; border-radius: 3px 0 0 3px; /* padding-left: 40px; */ } .order_btn { vertical-align: middle; /* width: 28%; */ font-size: 14px; text-align: center; line-height: 47px; background: #A01E24; color: #fff; border-radius: 0 3px 3px 0; cursor: pointer; border: none; padding: 0 5%; } .order_main{ padding: 15px 18px; margin-bottom: 60px; } .order_ul{ overflow: hidden; } .order_ul li a{ position: relative; width: 100%; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #DBDBDB; } .order_ul_img{ width: 20%; height: 75px; } .order_ul_img img{ width: 100%; } .order_ul_right{ width: 80%; } .order_ul_name { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; font-size: 16px; margin: 0 8px; font-weight: 800; color: #212121; } .order_ul_price { margin: 2px 0 0 8px; color: #d32014; } .order_ul_add { text-align: left; padding: 5px 0 0; width: 100%; margin-left: 8px; } .order_add_cart{ padding: 10px; color: #fff; background: #d32014; } .order_clear { text-align: center; position: fixed; bottom: 95px; background: #fff; border-top: 1px dashed #d8d8d8; width: 100%; display: flex; align-items: center; justify-content: center; } .order_clear_cart { width: 25%; padding: 10px 0; color: #000; background: #fff; font-size: 14px; display: inline-block; border-right: 1px dashed #d8d8d8; } .order_clear_cart:last-child{ border: 0; } .order_ul_number { overflow: hidden; width: 97%; margin: 5px 0 5px 8px; } .numall{ width: 40%; text-align: center; font-size: 14px; color: #1a191e; background: #eeeeee; line-height: 30px; margin: 0 1%; border: 0; } .orderall{ text-align: center; color: #1a191e; font-size: 14px; background: #eeeeee; width: 24%; line-height: 30px; } /*正在下单css end*/ /*底部 start*/ .order_footer { /* height: 50px; */ position: fixed; left: 0; bottom: 0px; z-index: 10; background: #fff; width: 100%; display: table; box-shadow: 0 0 4px #4b4b4b; } .order_footer a { display: inline-block; /* height: 50px; */ text-align: center; font-size: 14px; color: #4b4b4b; padding-bottom: 5px; width: 20%; cursor: pointer; padding-top: 5px; position: relative; } .order_footer a img{ width: 28%; } .order_footer a.active{ color: #d32014; } .order_footer a span{ display: block; } .reddot { position: absolute; top: 2px; left: 38px; border-radius: 50%; width: 18px; height: 18px; font-size: 12px; background: red; line-height: 18px; color: #fff; } /*底部 end*/ /*最新订单css start*/ .order_ul_first { color: #333; font-size: 14px; margin-bottom: 5px; } .order_no { margin-left: 5px; } .order_time { float: right; } .order_piece{ padding: 0 30px; color: #4b4b4b; } .order_ul_send { position: absolute; right: 16px; bottom: 6px; color: #F13F11; font-size: 13px; padding: 6px 13px; border-radius: 4px; font-weight: 700; } /*最新订单css end*/ /*订单详情css start*/ .order_detail_top h1{ position: relative; } .order_detail_top h1 a { display: inline-block; width: 30px; height: 30px; background: url(../images/order-right.png) no-repeat left; position: absolute; left: 0; top: 7px; } .order_detail_shopname{ height: 35px; line-height: 35px; font-weight: 700; /*margin-left: 10px;*/ border-bottom: 1px solid #f1f1f1; } .order_detail_oedernumber{ margin: 5px 10px; } .order_detail_bottom{ display: inline-block; position: relative; width: 100%; } .order_detail_in{ padding: 5px 10px; overflow: hidden; } .order_detail_img{ width: 60px; height: 60px; } .order_detail_name { width: 70%; height: 72px; line-height: 24px; display: inline-block; word-wrap: break-word; word-break: normal; margin-left: 8px; font-weight: 800; } .od_price { color: #F13F11; font-weight: 700; float: right; height: 20px; position: relative; } .od_number { display: inline-block; color: #333; position: absolute; top: 19px; right: 0; } .od_shopallprice{ /*height: 35px; line-height: 35px;*/ margin-left: 10px; border-top: 1px solid #f1f1f1; } .order_detail_information { line-height: 24px; } .information_in{ padding: 0px 10px; } .freight { color: #F13F11; margin: 4px 0 8px 0; } .order_detail_pay{ border-bottom: 1px solid #f1f1f1; } .order_detail_fisrtp{ text-align: center; margin-top: 10px; } .order_detail_all_pay{ color: #F13F11; font-size: 14px; margin-bottom: 8px; text-align: center; padding: 10px 0 0; } .os_oedernumber { margin: 5px 10px; } .posi { position: fixed; left: 0; bottom: 75px; z-index: 10; background: #fff; padding: 5px 0; width: 100%; display: table; } #cancel_order{ width: 12%; } .cancel_order{ width: 30%; } .order_ewm{ width: 30%; text-align: center; display: table-cell; } #cancel_order a{ background: #aeb0b3; } .order_ewm a { display: block; height: 35px; margin: 0 3px; border-radius: 3px; line-height: 35px; font-size: 13px; color: #fff; background: #af1a21; /*border: 1px solid #ccc;*/ padding: 0 5px; } /*订单详情css end*/ /*购物车css start*/ img { border: none; } img { max-width: 100%; vertical-align: bottom; } .shopping_top{ background: #fff; border-bottom: 1px solid #ccc; position: relative; text-align: center; overflow: hidden; } .shopping_top span{ line-height: 2.8em; position: relative; color: #1b1b1b; top: auto; right: 3%; float: right; } .guoneiDiv { background: #fff; padding: 2% 0 0 0; /*margin-top: 2%;*/ } .DivSpan{ margin-left: 2%; } .DivP{ margin-right: 2%; } .DivSpan, .DivP { font-size: 18px; } .DivP span { border: 1px solid #2b2b2b; font-size: 0; display: inline-block; margin-left: 5px; /*vertical-align: text-top;*/ } .allImg { width: 15px; opacity: 0; } .shop1Label { position: relative; overflow: hidden; display: block; background: #fff; border-bottom: 1px solid #d8d8d8; border-top: 0; padding: 3% 0; margin-top: 0; width: 100%; } .checkboxDiv { position: relative; } .checkboxDivAll { width: 4%; border: 1px solid #484848; position: relative; overflow: hidden; margin: 10% 3% 0; height: 15px; } .checkboxDivAll .shopChec { position: absolute; top: 0; left: 0; opacity: 1; z-index: -1; width: 100%; height: 100%; } .checkboxDivAll img { opacity: 0; width: 100%; vertical-align: text-top; } .checkboxDiv_2 { width: 17%; margin-right: 3%; } .checkboxDiv_3 { width: 65%; } .checkboxDiv_3 a{ display: block; overflow: hidden; } .checkboxDiv_3 p { font-size: 20px; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .clear { clear: both; } .checkboxDiv_3 span { font-size: 14px; line-height: 1.6em; background: #b12f2f; color: #fff; border-radius: 3px; overflow: hidden; display: table; text-align: center; margin: 1% 0 5%; padding: 0 8px; } .checkboxDiv_3 i { font-style: normal; font-size: 20px; color: #666666; } .numberDiv { width: 40%; } .jjALL { text-align: center; color: #1a191e; font-size: 14px; background: #eeeeee; width: 20%; line-height: 2em; } /* .numALL { width: 58%; text-align: center; font-size: 14px; color: #1a191e; background: #eeeeee; line-height: 2em; margin: 0 1%; border: 0; } */ .checkboxDele { width: 18%; text-align: center; color: #fff; background: #b12f2f; position: absolute; top: 0; right: -50%; height: 100%; font-size: 24px; } .checkboxDele span { display: inline-block; margin-top: 50%; } .SettlementDiv { width: 100%; position: fixed; bottom: 45px; left: 0; background: #fff; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .checkboxDiv0314 { float: left; width: 50%; margin-top: 1.8%; } .SettlementA { width: 35%; text-align: center; display: inline-block; color: #fff; background: #b12f2f; font-size: 18px; line-height: 2.7em; } .SettlementA2{ display: none; } .allChec { margin-left: 6%; font-size: 18px; color: #484848; margin-right: 3%; margin-top: 1.5%; } .playDiv{position:fixed;top:0; left:0;width:100%; height:100%; overflow:hidden; z-index:10; display:none;} .playbg{ position:absolute;top:0; left:0;width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.61);} .playDiv_1{ position:relative; z-index:2; background:#fff;width:70%; margin:0 auto;padding:5%;} .playDiv_1 label{ display:block; font-size:20px; margin-bottom:15px; color: #000;} .playDiv_1 label input{ margin-right:10px;} /*购物车css end */ .shop1Edit0316{ line-height: 3.8em; } .select-form{ width: 100%; text-align: center; } .warProvince,.warCity,.warCounty{ border: 1px solid #d8d8d8; line-height: 2.2em; padding: 2.9% 1%; font-size: 16px; color: #716f6f; width: 32.5%; margin-top: 3%; } .shop_btn{ padding: 20px 0; } .entranceBS .shop_btn .qued{ line-height: 2.5em; padding: 0 3.5em; margin: 0; } .shop_btn .lczt{ background: #dedede; border: 1px solid #dedede; color: #000; line-height: 2.5em; padding: 0 2em; margin-left: 8.1%; border-radius: 5px; font-size: 16px; } /*详情页可编辑修改*/ .goods_inp{ width: 100%; } .goods_inp label { width: 22%; text-align: right; } .goods-details{ padding: 20px; } .goods_inp{ overflow: hidden; /*padding: 0 20px;*/ line-height: 2.5em; margin-bottom: 1em; } .goods_btn{ text-align: right; } .goods_inp input { width: 70%; border: none; font-size: 16px; padding: 8px 5px; } .goods_btn input{ padding: 10px 40px; color: #fff; font-size: 18px; background: #b12f2f; } /*详情页可编辑修改 end*/ /*入库css start*/ .storage{ padding: 20px; } .storage_scan{ text-align: center; width: 100%; } .storage_scan_img{ width: 20%; margin: 0px auto; } .storage_inp{ margin-top: 20px; width: 100%; overflow: hidden; } .storage_inp input{ border: 1px solid #ccc; line-height: 2.5em; padding-left: 10px; margin-right: 2%; } .bar_code{ width: 40%; } .bar_num { width: 20%; } .storage_btn{ width: 96%; text-align: right; margin-top: 20px; } .storage_btn .storage_button{ padding: 3% 10%; background: #A01E24; color: #fff; } .yes_no{ width: 25%; } .yes_bg{ margin-right: 2%; float: left; } /*入库css end*/ /*采购单start*/ .goods_footer a{ width: 50%; } .goods_footer a img{ width: 15%; } /*采购单 end */ /*采购订单css start*/ .purchasr_order{ padding: 20px 10px; } .pur_order_ul{ overflow: hidden; } .pur_order_ul li a{ display: block; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; } .pur_order_ul li a p{ color: #333; font-size: 14px; margin-bottom: 8px; overflow: hidden; } .ord_num,.ord_code{ font-weight: 800; } .pur_order_ul li a .operato{ color: #212121; /*font-weight: 800;*/ font-size: 16px; } .purchasr_detail{ padding: 10px; } .pur_detail_title{ padding: 0 11px; line-height: 35px; font-weight: 700; font-size: 18px; border-bottom: 1px solid #f1f1f1; } .pur_detail_code{ margin: 5px 10px; font-size: 16px; color: #333; } .pur_detail_ma{ font-size: 16px; color: #333; padding: 10px; overflow: hidden; } .pur_operato{ font-size: 16px; color: #333; padding: 0 10px; } .pur_btn{ text-align: right; margin-top: 10px; } .pur_btn input{ color: #fff; background: #A01E24; padding: 10px 20px; } /*采购订单css end*/ .storage_form{ width: 100%; } #storage_time{ width: 100%; text-align: center; border: 1px solid #ccc; line-height: 30px; } .storage_select select{ width: 70px; height: 35px; line-height: 35px; border: 1px solid #ccc; background: url(../images/xiala_bg.png) no-repeat 40px; appearance:none; -moz-appearance:none; -webkit-appearance:none; font-size: 14px; } .storage_select select::-ms-expand { display: none; } .goods_footer a{ width: 25%; } .goods_footer a img{ width: 25%; } .mb120{ bottom: 120px; } .add_caigouIn{ padding: 10px 10px 60px 10px; /*display: none;*/ } .addsousuoDiv{ display: none; } .caigoudanDIv{ margin-bottom: 10px; } .caigoudanDIv .caigouInp{ border: 1px solid #ccc; width: 95%; line-height: 30px; padding-left: 10px; } .caigoudanDIv .c_title{ width: 30%; font-size: 16px; margin-top: 5px; } .caigoudanDIv .c_content { width: 70%; } .caigoudanDIv .caigouSel{ border: 1px solid #ccc; width: 95%; height: 30px; line-height: 30px; padding-left: 10px; } .caigoudanDIv .caigouText{ border: 1px solid #ccc; width: 95%; height: 40px; line-height: 20px; padding-left: 10px; } .addShop{ margin-bottom: 5px; } .addshopBtn{ width: 27%; } .addshopBtn a { display: block; color: #fff; background: #00b3ee; font-size: 16px; text-align: center; line-height: 32px; } .saveSubmit{ width: 27%; } .saveSubmit a { display: block; color: #fff; background: #F44336; font-size: 16px; text-align: center; line-height: 32px; } .qingkong{ width: 27%; } .qingkong a { display: block; color: #fff; background: #9e9e9e; font-size: 16px; text-align: center; line-height: 32px; } .addshoptijiaoBtn { width: 19%; margin-left: 2%; } .addshoptijiaoBtn a{ display: block; color: #fff; background: #ef4e4a; font-size: 16px; text-align: center; line-height: 32px; } .addshopSel { width: 50%; margin-left: 2%; } .addshopSel input { border: 1px solid #ccc; line-height: 30px; padding-left: 10px; width: 93%; } .addlistTitle{ height: 35px; line-height: 35px; text-align: center; font-size: 14px; } .addlistUl li{ text-align: center; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px 0; } .caigou_del img{ width: 30%; } .addlistUl{ overflow: hidden; background: #fbfbfb; height:300px; overflow-x: hidden; overflow-y: scroll; } .addSpan span{ display: block; text-align: left; font-size: 16px; } .addInput input{ width: 100%; text-align: center; background: none; } .addBtnDiv a { display: block; color: #fff; /* width: 33%; */ margin-right: 3%; background: #ef4e4a; float: left; text-align: center; padding: 5px 11%; font-size: 14px; margin-left: 1px; } .addBtnDiv .qingkong{ background: #ccc; margin-right: 0; } .addBtnDiv{ padding: 15px 0; } .addsousuoDiv{ padding: 20px; } .addorderSel{ border: 1px solid #ccc; height: 30px; line-height: 30px; padding-left: 10px; width: 55%; } .addorderBtn{ display: block; float: right; width: 20%; text-align: center; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background: #ef4e4a; } .orderxialaSel { height: 30px; line-height: 30px; width: 100%; padding-left: 10px; margin-top: 15px; } .orderListDiv{ margin-top: 15px; } .orderSerImg{ float: left; width: 14%; margin-right: 15px; } .ListDivLeft{ width: 18%; } .ListDivRight{ width: 80%; } .ListDivRight .mc{ font-size: 14px; color: #212121; font-weight: 800; } .ListDivRight .dm{ font-size: 12px; } .ListDivRight .sl{ font-size: 12px; color: #d32014; } .ListDivRight p span { float: left; display: inline-block; width: 32%; } .ListDivRight p span input{ width: 45%; color: #d32014; background: none; } .orderListUl li{ padding: 10px 0; border-bottom: 1px solid #ccc; } .xinshopBtn{ width: 27%; margin-left: 10px; } .xinshopBtn a { display: block; color: #fff; background: #00b3ee; font-size: 16px; text-align: center; line-height: 32px; } .xinzengBox{ padding: 10px; } .choicebtn{ margin-left: 5px; } .xinzengBox{ display: none; } .sureBtn{ overflow: hidden; } .sureBtn a{ display: block; color: #fff; background: #ef4e4a; float: right; font-size: 14px; padding: 5px 30px; } .loading{ width: 30px; /*height: 100px;*/ margin: auto; } .loading img{ width: 100%; } .pur_order_ul{ margin-bottom: 35px; } .orderListDiv{ margin-bottom: 40px; } .alertDiv{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 99; } .loadImg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .alert{ position: absolute; top: 60%; left: 50%; color: #fff; transform: translate(-50%, -50%); } .table1{ width: 100%; } .table1 tr{ width: 100%; height: 2em; line-height: 2em; text-align: center; border: 1px solid #f0f0f0; } .table1 tr td a{ display: block; border-radius: 5px; background: #09bb07; color: #fff; width: 80%; height: 80%; margin: 10%; } .table1 tr td a:link{ color: #fff; }